/*_______________________________________________________________________________________

Theme Name: Le Serbet
Theme URI: http://leserbet.com
Author: Michela Chiucini
Author URI: http://colazionedamichy.it
Version: 1.0
Tags: light, white, black, typography, right-sidebar, flexible-width, illustration, wine

  _______________________________________________________________________________________
*/



/*--------------------------------------------------------------------------------------- 
    1.HEADER
----------------------------------------------------------------------------------------*/
::-ms-clear{ display: none; width:0; height: 0; } 
::-ms-reveal{ display: none;  } 

/*.site-header{  background: url(images/header-bg.png) left 46px repeat-x; }*/


body.modal-open{ 
  overflow: hidden;
}


.site-header{  position: relative; z-index: 2; }
.site-header:before,
.site-header:after{ 
  position: absolute; 
  width: 100%; 
  content:""; 
  display: block; 
  width: 100%; 
  height: 1px; 
  left: 0; 
  top: 26px; 
  background: #dadada; 
}
.site-header:after{ top: 72px;  }

.site-header h1{ text-align: center; }
.site-header h1 img{ max-width: 56px; margin-top: 8px; }
.site-header .inline-list > li,
.inline-list.social > li, .site-header .sub-menu > li
  { float: none; }

.site-header .social{ display: none;  }
.site-header .large-1{ z-index: 1; }
  
/*.menu-toggle { margin-top: 16px; text-align: center; font-family: Sacramento, cursive; font-weight: normal; }
.menu-toggle span{ padding: 3px 24px;  display: inline-block; border: 1px solid #858585; cursor: pointer; border-radius: 5px; }*/
.menu-toggle { 
  position: absolute;  
  left: 20px;
  bottom: 5px;
  cursor: pointer;
  z-index: 1;
}
.menu-toggle span {
  font-size: 0;
}
.menu-toggle i {
    width: 30px;
    height: 30px;
    font-size: 0;
    display: inline-block;
    background: url("images/hamburger.svg") no-repeat left center / 18px auto rgba(0, 0, 0, 0);
}
.menu-toggle.close i{ 
  background-image:url("images/close-icon.svg");
  background-size: 16px auto;
 }


.main-navigation{ text-align: left; width: 100%; margin: 0; }
.main-navigation{ 
  z-index: 1000;
  position: fixed;
  background: #fff;
  
  width: 100%;
  right: -100%;
  height: 100%;
  /*-webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: -webkit-transform 500ms ease 0s;
  -webkit-transition: transform 0.5s ease 0s;
  -moz-transition: transform 0.5s ease 0s;
  -o-transition: transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s;
  */
}
.main-navigation.open{ 
  right: 0;
  top: 75px;
}

.main-navigation a,
.main-navigation > li > a{ 
  text-decoration: none; 
  color: #1a1a1a; 
  font-size: 16px; 
  font-weight: 700; 
}
.main-navigation > li > a{ color: #1a1a1a;   }
.main-navigation > li > a{  float:left; position: relative; }
.site-header .inline-list > li.menu-item-has-children > a{
  padding-right: 12px;
}
.site-header .inline-list > li.menu-item-has-children i{
  position: absolute;
  right: -7px;
  top: 2px;
  font-size: 14px;
}
.main-navigation a:hover{ color: #858585; }
.main-navigation > li > a.selected,.main-navigation li.selected a { color:#858585; }
/* .main-navigation li.current_page_item a { background-color:#858585; color:#FFF; border-radius:5px; padding:0 10px; } */
  
.sub-menu { list-style:none; overflow:hidden; }

.main-navigation > li{  padding: 8px 0; position: relative; }
.sub-menu{ margin-bottom: 0; }
.main-navigation li ul li{ padding-bottom: 4px; }
.more-nav{ display:none; }

.site-header fieldset{    
  border: none; 
  border-width:0; 
  text-align: center;
}  
.site-header .search1 input[type="search"]{  
  width: calc(100% - 35px); 
  margin-right: 10px; 
  border-radius: 0;
  border: none; font-family: inherit; 
  font-size: 18px; 
  line-height: 2;
  border-bottom: 1px solid #1a1a1a;  
  outline: none;
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
}  
.site-header .search1 input[type="image"]{ width: 19px; } 

 .search-trigger a{ 
  position: absolute;
  bottom: 28px;
  right: 21px;
 }
.search-trigger i{ 
  width: 19px; 
  height: 22px; 
  font-size: 0; 
  display: inline-block;
  background:url("images/search-icon.svg") no-repeat left center / 15px auto rgba(0, 0, 0, 0);
 }
 .search-trigger .close i{ 
  background-image:url("images/close-icon.svg");
 }
 .search-trigger span{ 
  font-size: 0;
 }
 .search-modal button{ 
  float: none;
  margin-top: 1em; 
  padding: 0.75rem 1.5rem;
  -webkit-transition: background 250ms ease-in-out 0s;
  -moz-transition: background 250ms ease-in-out 0s;
  transition: background 250ms ease-in-out 0s;
 }

 .search-modal {
    /*display: none;*/
    position: fixed;
    background: transparent;
    top: 88px;
    bottom: 0;
    left: 0;
    display: flex;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: center;
    right: 0;
    z-index: 0;
   /* -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;*/
    font-size: 16px;
    visibility: hidden;
}
.search-modal.show-this {
    /*display: none;*/
    background: #fff;
    visibility: visible;
}

.search-modal h4{ 
  font-family: Sacramento, cursive; 
  font-size: 36px;
  padding: 2em 0 0.75em;
 }
 

.site-header .large-8 { padding-top: 16px; text-align: center;}
.social { margin-left: 0;}
.inline-list.social > li { display: inline-block; margin-left: 0.375rem;}

.social a { color: #1a1a1a; font-size: 15px; text-decoration: none;}
.social a:hover { background: #fff;}
.site-header h6{ font-family: Sacramento, cursive; font-weight: normal; font-size: 1.5rem; display: none;}

.sub-menu-wrapper{ 
  overflow: hidden;
 }


@media only screen and (min-width: 56.25em) {

body.modal-open{ 
  padding-right: 15px;
}

.site-header h1 img{ max-width: 104px; margin-top: 11px; }
.site-header{ padding: 8px 0 0; background-position: left 86px; margin-bottom: 48px; }
.site-header:before{ top: 45px;  }
.site-header:after{ top: 99px;  }
.site-header h1{ margin-top: 0; }
.site-header .social{ display: block; text-align: right; }

.main-navigation{ 
  display: block !important; 
  max-height: 78px; 
  padding-top: 38px; 
  float: left; 
  overflow: unset; 
  position: static;
  background: transparent;
}
.search1{ display: block !important; }
.search-modal h4{ 
  font-size: 48px;
  padding: 2em 0 0.75em;
 }
.site-header fieldset{    
  margin-left: 25%;
}  
.menu-toggle { display: none; }
.main-navigation > li{ border-bottom: none; padding:0; position: static; }
.main-navigation > li > a{  line-height: 54px; transition: all 0.2s; }
.main-navigation > li a:after{ position: absolute; content: '\02022'; left: -14px; top: 0; }
.main-navigation > li:nth-of-type(1) a:after { content: '';}

.site-header .inline-list > li { display: inline-block; }
.site-header .inline-list > li:nth-of-type(1) { margin-left: 0;}

.main-navigation.hide-this > li a{
  opacity: 0.2;
  pointer-events: none;
 }

.sub-menu-wrapper{ 
  position: absolute;
  background: #fff;
  top: 98px;
  left: 0;
  width: 100%;
  padding: 0 calc(50% - 37em);
 }
 .sub-menu{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 40px;
  padding: 2em 1.375em;
 }
 .sub-menu li {
   border: 1px solid #dadada;
   border-radius: 3px;
   transition: all 0.2s;
 }
 .sub-menu li span{
   padding-bottom: 10px;
 }
 .sub-menu li a{
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-end;
   height: 120px;
   color: #1a1a1a;
   text-align: center;
   padding-right: 0;
   background: url("images/by-region.svg") no-repeat center 30px / 40px auto rgba(0, 0, 0, 0);
   opacity: 0.4;
   transition: opacity 0.2s;
 }
 .sub-menu li a.by-name{
   background-image: url("images/by-name.svg") ;
   background-size: 46px auto;
   background-position: center 39px;
 }
 .sub-menu li a.by-importer{
   background-image: url("images/by-importer.svg") ;
 }
 .sub-menu li:hover {
   border: 1px solid #1a1a1a;
 }
 .sub-menu li a:hover{
  color: #1a1a1a;
   opacity: 1;
 }


.main-navigation > li.menu-item-has-children .sub-menu-wrapper{
  /*display: none;*/
  visibility: hidden;
  opacity: 0;
  transform: translateY(15px);
}
 .main-navigation > li.menu-item-has-children:hover .sub-menu-wrapper{
  display: block;
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
    transition: opacity 300ms ease-in-out, transform 300ms ease-in-out;

}
.main-navigation > li.menu-item-has-children:hover > a{
  color: #858585;
}

  
.main-navigation h5{ margin: 0; line-height: 1.6; color: #1a1a1a; cursor: pointer;}
.main-navigation h5:hover,
.main-navigation h5.active
  { color: #858585;}
.main-navigation .sub-menu li{ /*margin-left: 0.001rem; width: 0; height: 0;*/ 
  padding: 0;

}


.main-navigation ul.show-this{ width: auto; height: auto; }
.more-nav.show-this { position: absolute; right: 0; display: block; top: 55px; color: #1a1a1a; text-decoration: none; } 
.main-navigation li ul li{ /* margin: 0; padding: 0 0.675rem; border-right: 1px solid #858585;*/ }
.main-navigation > li a:after{ position: absolute; content: '\02022'; left: -14px; top: 0; }


.no-js .main-navigation{ overflow: visible; }
.no-js .main-navigation li{ position: relative; }
.no-js .main-navigation ul{ width: auto; height: auto; float: none; background: #fff; display: none; position: absolute; width: 106px; left: -21px;}
.no-js .main-navigation h5,
.no-js .main-navigation ul li
  { float: none;}
.no-js .main-navigation ul li { border-left: 1px solid #858585;}
.no-js .main-navigation li:hover > ul {display : block; }


.search-trigger{ 
  padding-top: 52px;
  text-align: right;
 }
 .search-trigger a{ 
  position: static;
 }

.site-header .nav-social{ position: relative; }
.site-header .nav{ position: static; }
.site-header fieldset{  border-width:0; } 
/*.site-header .search1 input{ display: none; } 
.site-header .search1 input.show-this{ display: block; }  

.site-header .search1 input[type="search"]{ position: absolute;  left: 132px; top: 52px; width: calc(100% - 185px); text-align: left; font-size: 18px;  } 
.site-header .search1 input[type="image"]{ position: absolute; right: 1.375rem; top: 54px; margin-right: 0; } 
.site-header .search1 i{ display: block; position: absolute; right: 1.375rem; top: 54px; margin-right: 0; } 
.site-header .search1 i.icon-cancel{ background: none; margin-top: 3px; } */

.site-header .large-8 { position: absolute; top: -170px; text-align: right; z-index: 10;}

.social { float: right; margin-top: 34px;}
.social a {  color: #1a1a1a;  border:none; border-radius: 16px; font-size: 15px; max-width: 2rem;}
.social a:hover { color: #858585;}
.site-header .inline-list.social > li{  display: inline-block; margin-left: 0.5rem;}
.site-header h6 { display: inline-block; margin-right: 8px; margin-top: 12px;}
.site-header .search1{ position: static; }  
}
@media only screen and (min-width: 71.188em) {
/*.more-nav.show-this{ display:none !important; }*/
}

@media screen and (max-width: 992px) {
  .main-navigation > li {
    padding: 0;
    border-bottom: 1px solid #dadada;
}
.main-navigation > li > a{ float:none; line-height: 3; }
.sub-menu{
   margin-bottom: 1em;
   margin-left: 0;
 }
 .sub-menu li:before{
   content: '–';
   position: absolute;
   left: 6px;
 }
 .site-header .inline-list > li.menu-item-has-children i{ display: none; }
 a.hide-this,
 .menu-toggle.hide-this{
  opacity: 0.2;
  pointer-events: none;
 }
 .search-modal {
    height: 100vh;
 }
 body.modal-open{ 
  /*overflow: scroll;*/
 }
.site-header {
    position: fixed;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
}
.nav-social {
    display: none;
}
#main {

    padding-top: 100px;
}
.site-header::before, .site-header::after {
    height: 0;
}
.search-trigger a {
    bottom: 20px;
}
.search-trigger i{ 
  width: 30px; 
  height: 30px; 
  font-size: 0; 
  display: inline-block;
  background:url("images/search-icon.svg") no-repeat right center / 16px auto rgba(0, 0, 0, 0);
 }
 .search-modal {
    top: 60px;
  }
}

@media screen and (max-width: 640px) {
.placeholder { visibility:hidden; height:0px;}
}

/*--------------------------------------------------------------------------------------- 
    2.FOOTER
----------------------------------------------------------------------------------------*/
footer{  padding-top: 17.5em; margin-top: 2em; background: #1a1a1a; color: #fff; text-align: center; background: url(https://www.beckywasserman.com/wp-content/uploads/2024/08/footer-bg-new@2x-2.png) center 24px no-repeat #1a1a1a;}
footer fieldset{ border: none; padding: 0; }
footer label[for="email"]{  display: inline-block; font-family: Sacramento, cursive; font-size: 1.875rem;  text-indent: -999em; height: 0; padding: 0; }
footer input[type="email"]{ border: none; display: block; margin: 0 auto; width: 100%; padding: 0 8px; border-radius: 5px; line-height: 2.5em; height: 2.5em; font: inherit; font-size:1.125rem; text-align: center; color: #000;}
footer .button{ margin-top: 1rem; padding-top: 0; padding-bottom:0; border: 1px solid #fff; color: #fff; font-family: Sacramento, cursive; font-size: 1.875rem; font-weight: normal;  }
footer .button:hover { color: #1a1a1a; background:#fff;  }
footer .button:hover > a{ color: #1a1a1a;   }

.site-info{ background: #fff; color: #1a1a1a; padding-top: 1em; margin-top: 1em;}
.site-info p{ font-size: 0.938rem;  }
.site-info a{ text-decoration: none;  }
.top { display: none; }

@media only screen and (min-width: 40.063em) {
footer input[type="email"]{  max-width: 370px; }
}

@media only screen and (min-width: 56.25em) {
footer{ margin-top: 4.5em;}
.copyright{ text-align: left;  }
.credits{ text-align: right;  }
.site-info .social{ display: none; }
  
}
@media only screen and (min-width: 71.25em) {
.top { display: block; position: fixed; right: 32px; bottom: 16px; padding: 5px 20px; border-radius: 34px; }
.top img{  width: 18px; cursor: pointer; opacity: 0;  transition: opacity 300ms cubic-bezier(0.42, 0, 0.58, 1) 50ms;z-index: 99999; }
.top.fixed { background: rgba(255,255,255,.8); }
.top.fixed img { opacity: 1; }
.scroll-back-to-top-inner { background-image: url(images/top.png); background-position:center; background-repeat:no-repeat; }
  
}

/*--------------------------------------------------------------------------------------- 
    3.CONTENT BOXES
----------------------------------------------------------------------------------------*/
figure{ margin: 0; }
blockquote,
blockquote p
  { font-style: italic; }
article{ position: relative;  padding: 0.5rem 0; overflow:hidden; }
article h2 a{ text-decoration: none; color: #1a1a1a; }
article a img{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden;backface-visibility: hidden; transition: all 0.4s linear 0s; }
article a img:hover{ opacity: 0.9; }
article h2 a:hover{ text-decoration: underline;  }
article.smaller h2 { font-size: 1.313rem;  padding-top: 2rem; margin-top: 1.5rem; background: url(images/box-bg.svg) left -1px no-repeat;}
#gridcontainer .griditemleft{float: left; width: 22.1%; margin: 0 2% 0 0; }
#gridcontainer .griditemleft:NTH-OF-TYPE(4N+5) {clear:both;}
#gridcontainer .griditemright{float: left; width: 22.1%; margin: 0 2% 0 0; }



.big h2{ margin-top: 1rem;  }
.big p{ font-size: 1.125rem !important; line-height:1.333; }
.smaller h2{ position: relative; }
.smaller p,
.extra a
  { font-size: 0.938rem !important; line-height: 1.6!important; text-decoration: none; }
.extra a:hover { text-decoration: underline; }
.extra ul,
.extra ol{ list-style-type: none; margin: 0; }
.categorie { display: block; margin: -1px 0 0 0; height: 2.5rem; line-height: 2.5rem; padding: 0 0.5em; font-family: Sacramento, cursive; color: #fff; font-size: 1.5rem !important; background:#1a1a1a; font-weight: normal !important; }

article.result h2 { font-size: 1.5rem; margin-top: 0; padding-top: 1rem;  background: none;}
.index,
.countries
  {  display: inline-block; padding: 1rem 0; }
.index li,
.countries li
  { margin: 0; display: inline-block; float: none; font-size: 1.5rem;}
.index a,
.countries a
  { padding: 0 0.5rem; color: #1a1a1a; text-decoration: none; text-transform: uppercase; transition: all 100ms ease-in-out 0s;  -webkit-transition: all 100ms ease-in-out 0s;  -moz-transition: all 100ms ease-in-out 0s; }
.index a:hover,
.index .current-view a
  { background-color: #1a1a1a; color: #fff;}
.letters,
.letters ol{ position: relative; list-style-type: none; margin: 0; z-index: 2;}
.letters > li { position: relative;}
.letters li ol li { border-bottom: 1px solid #dadada; padding-right: 2.5rem;}
.letters h3{ margin: 0; position: relative; top: 44px; font-size: 3.750rem; color: #858585; font-weight: 700; z-index: 1;}
.letters li h4{ margin: 0;}
.letters li a{ line-height: 55px; font-size: 1.313rem; font-weight: 700; text-decoration: none; color: #1a1a1a; -webkit-transition: all 150ms cubic-bezier(0.42, 0, 0.58, 1) 50ms; -moz-transition: all 150ms cubic-bezier(0.42, 0, 0.58, 1) 50ms; transition: all 150ms cubic-bezier(0.42, 0, 0.58, 1) 50ms;}
.letters li a:hover{ color: #858585;}
.letters a span{ display: inline-block; line-height: 1.5rem; padding: 1rem 0;}
.letters a img{ display: none;}
.countries{ overflow: visible;}
.countries a{ position: relative; padding: 0 0.5rem; font-size: 12px; color: #858585; }
.countries .button{ border: 1px solid #dadada; padding: 5px; max-width: 58px; margin: 0; border-radius: 50%;}
.countries a span{ display: block;  width: 100%; padding-top: 8px; line-height: 16px;}
.countries a:hover,
.countries .current-view a
  { color: #1a1a1a; background: transparent; }
.countries a:hover > .button,
.countries .current-view a .button
  { border-color: #858585; background: transparent; opacity: 0.7;}
.by-country h3{ font-size: 1.5rem; text-transform: uppercase; top: 0;}
.by-country > li{ margin-bottom: 2rem;}

.address,
.address h3,
.address p
  { margin: 0; font-size: 1.5rem; line-height: 1.6; font-weight: 700;}
.sub-title,
.letters .sub-title
  { color: #1a1a1a; top: 0; font-size: 2.5rem;  font-family: Sacramento, cursive; font-weight: normal; }
  
.page #main.interview blockquote p{ font-size: 1.7rem; font-weight: bold; line-height: 1.3; padding: 1em; margin: 1em 0; background: #f1f1f1; font-style: normal; text-align: center;}

.full-profile blockquote p{ font-size: 1.7rem; font-weight: bold; line-height: 1.3; padding: 1em; margin: 1em 0; background: #f1f1f1; font-style: normal; text-align: center;}
/*.importer{ margin: 3rem 0 1.5rem; }*/
.winery-logo,
.label, .alignleft{ max-width: 250px; margin: 0 auto; margin-bottom: 1rem; float: none; text-align: center; }
/*.logo-border { border: 1px solid #dadada; }*/
.nested{ margin-right: 1.375rem !important; padding-right: 0 !important; width: auto; }
.page #main p{ font-size: 1.125rem; line-height: 1.523; }
#wpmtp-single-content p{ font-size: 1.125rem; line-height: 1.523; }
.page-section{ padding: 2rem 0; margin-left: 1.375rem; }
.row .glance-box{ padding-bottom: 1.5rem; margin-left: 0; }
.page > aside{ padding-top: 3rem;}
.page #main figure.center{ padding: 1rem 0 2rem;}
.detail-map{ margin-bottom: 3rem;}
.articles{ margin: 0;}
.articles > li{ overflow: hidden; padding: 0 0 4rem; list-style:none;}
.articles > li article aside{ margin: 0 auto 1.5rem; text-align: center; font-size: 0.9375rem; max-width: 148px;}
.articles > li article aside h6 { font-size: 0.9375rem; font-weight: 700; margin: 1rem 0 0.5rem; padding-top: 0.5rem; border-top: 1px solid #858585;}
.articles > li article aside h6 a{ color: #1a1a1a; text-decoration: none;}
.articles > li article aside h6 a:hover{ color: #858585;}
.articles > li article h3{ font-weight: 700; padding-bottom: 0.5rem; padding-top: 0.5rem;}
.page .articles article ul,
.page .articles article ol
  { list-style-type: disc; font-size: 1.125rem;}
.page .articles article ul li ul{ list-style-type: circle;}

.contact .address{ text-align: center;}
#map-canvas{ height: 500px; margin-top: 2rem;}
#map-canvas img{ max-width: none;}
.search-no-js fieldset{ border: none; padding: 0 0 2rem 0;}
.search-no-js #search{ width: 66%; font: inherit; font-size: 18px; font-weight: 700; height: 40px; line-height: 40px; padding: 0 8px; border: 1px solid #dadada;}
.search-no-js .button {  position: relative; top: -1px; }
.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */  padding-top: 25px;  height: 0; margin: 1.5rem 0;}
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

@media only screen and (min-width: 40.063em) {

article{ padding: 0; overflow: visible; }
.big{  overflow: hidden; padding:1rem 0 2rem 0;  }
.smaller { padding-bottom: 2rem; }
article.result h2 {  padding-top: 2rem;}
.default-nav { position: relative; top: 0; height:90px;}
.country-nav { height:auto;}
.index,
.countries
  {   padding: 2rem 0; }

.fixed-nav { height: 90px;}
.fixed-nav > div { position: fixed; padding: 0 1.375em; top: -32px;  left: 0; width: 100%; background: rgba(255,255,255,.9); z-index: 100; -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 50ms; -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 50ms; transition: top 300ms cubic-bezier(0.42, 0, 0.58, 1) 50ms;
max-width: 74em;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;	
	
	}
.letters a img{ display: inline; opacity: 0; max-height: 55px; margin-left: 1rem; -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 50ms; -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 50ms; transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 50ms;}
.letters li a:hover > img{ opacity: 1;}
.by-country h3{  top: 44px;}
.winery-logo,
.label, .alignleft{ margin-right: 1.375em ; margin-bottom: 0; float:left; width: 33% !important; }
.page #main.interview blockquote{ width: 50%; float: right; }
.page #main.interview blockquote.full-quote{ width: 100%; float: none; }
.page #main.interview blockquote p{ font-size: 1.6rem; margin: 0.5em 0 0.2em 1em; padding: 1em; text-align: left; }
.page #main.interview blockquote.full-quote p{  margin: 1em 0 ;  }

.full-profile blockquote{ width: 50%; float: right; }
.full-profile blockquote.full-quote{ width: 100%; float: none; }
.full-profile blockquote p{ font-size: 1.6rem; margin: 0.5em 0 0.2em 1em; padding: 1em; text-align: left; }
.full-profile blockquote.full-quote p{  margin: 1em 0 ;  }

.page #main p{ font-size: 1.313rem;  }
#wpmtp-single-content p{ font-size: 1.313rem; }
.row.contact{ overflow: hidden;}
.contact .address{ text-align: left;}
.contact{ background: url("images/contact-bg2.svg") right top no-repeat; background-size: 55.7837% auto; padding: 4em 0;}

no-svg .contact{ background: url("images/contact-bg.png") right bottom no-repeat; background-size: auto;}
.about{ padding-bottom: 348px; background: url("images/about-bg.svg") left bottom no-repeat; background-size: 58.7837% auto;}
.no-svg .about{ background-image: url("images/about-bg.png") ; }
.import{  min-height: 320px; padding-top: 3rem; padding-bottom: 4rem; background: url("images/importer-bg.svg") right bottom no-repeat; background-size: 58.7837% auto;}
.no-svg .import{ background-image: url("images/importer-bg.png"); }
.shelftalker {float: none; }
}

@media only screen and (min-width: 56.25em) {
.categorie { position: absolute; top: 0; min-width: 112px; text-align: center; margin: 0; height: 2.5rem;  }
.big{ padding:0 0 3.5rem 0;  }
.big h2{ margin-top: 0;  }
.big .categorie { font-size: 2.1rem !important; height: 3rem; line-height: 3rem; font-weight:normal !important; min-width: 210px; }
.address,
.address h3,
.address p
  {  font-size: 1.875rem !important;}
/*.importer{ margin-top: 4rem; }*/
.glance{ float: left !important; padding-right: 0; }
.page .articles article ul,
.page .articles article ol
  { font-size: 1.313rem;}
.page .articles article div > ul,
.page .articles article div > ol
  { padding-bottom: 1rem;}

.articles li article aside{ width: 16.7%; float: left; padding-right: 1.375rem; }
.articles li article > div{ padding-left: 17.7%;}
.no-title{ margin-top: 2rem;}
/*.contact .address{ text-align: right;}*/
.page #main .about p{ font-size: 1.5rem;  }
.about{ padding-bottom: 0; background: url("images/about-bg.svg") right top no-repeat; background-size: 58.7837% auto;}


}



@media screen and (max-width: 992px) { 
#gridcontainer .griditemleft{float: left; width: 44%; margin: 0 6% 40px 0;}
#gridcontainer .griditemleft:NTH-OF-TYPE(2N+3) {clear:both;}
#gridcontainer .griditemright{float: left; width: 44%; margin: 0 0px 40px 0;}
.search-no-js fieldset{ padding: 0;}
}

@media screen and (max-width: 640px) { 
.row .glance-box{ padding-bottom: 2rem; margin: 0 -1.375em; }
}

@media screen and (max-width: 56.25em) { 
.categorie { padding-left:10px;}

}



@media screen and (max-width: 540px){
#gridcontainer .griditemleft{float: left; width: 100%; margin: 0 0px 40px 0; height:450px;}
#gridcontainer .griditemright{float: left; width: 100% ; margin: 0 0px 40px 0; height:450px;}
}

@media screen and (max-width: 480px){
#gridcontainer .griditemleft{float: left; width: 100%; margin: 0 0px 0 0; height:auto;}
#gridcontainer .griditemright{float: left; width: 100% ; margin: 0 0px 0 0; height:auto;}


}





/*--------------------------------------------------------------------------------------- 
    4.TITLES
----------------------------------------------------------------------------------------*/
.page-title,
.email-signup .default-page-title
{ padding: 8px 0 8px; text-align: center; font-family: Sacramento, cursive; font-size: 1.875rem; color: #858585; font-weight: normal; margin: 0;}
.extra-title{ padding: 32px 0 8px; font-weight: normal; font-family: Sacramento, cursive; font-size: 1.875rem;  margin: 0;}
.archive-title{ padding:2rem 0; font-weight: normal; font-size: 1.5rem; margin: 0; color:#858585;}
.slider { position: relative; }
.winery-title,
.page #mc_embed_signup h2
 { font-family: Sacramento, cursive; font-weight: normal; font-size: 2.25rem; line-height: 1; margin: 0; padding: 0.5rem 0; text-align: center; list-style:none; }
 .page #mc_embed_signup h2 { font-size: 2rem; padding-bottom: 2.5rem;}
.winery-title a{ text-decoration:none; }
.inside { color: #858585; }
.page .sub-title,
.cp-dir .sub-title
  {padding-bottom: 1rem; margin: 0; font-size: 2rem; text-align: center; }
.cp-dir .sub-title { margin: 3rem 0 1rem; }

.cp-dir-contacts .sub-title
  {padding-bottom: 1rem; margin: 0; font-size: 2rem; text-align: center; }
.cp-dir-contacts .sub-title { margin: 2.5rem 0 0; }
.page .sub-title.first {padding-top: 2rem; }
.default-page-title{font-size: 1.5rem; padding: 0 0 1rem; font-weight: 700; text-align: center; }
.wpmtp-job-title{font-size: 1.5rem;}
.default-page-title.italic{ font-weight: normal; font-style: italic; }
.page #main article div h4{ font-size: 1.5rem; font-weight: 700;}
.page #main article div h5{ font-size: 1.3125rem; font-weight: 700;}
.page #main article div h6{ text-transform: uppercase; letter-spacing: 1px;}
.page #main.interview article div h4{ border-bottom: 1px solid #858585; border-top: 1px solid #858585; font-family: Sacramento; font-size: 2rem; font-weight: normal; margin: 1.25em 0 0.75em; padding: 0.5em 0 0.25em; text-align: center;
}
.page #main.interview article div h6{ color: #858585; padding: 0.5em 0 1em;}

.page #main.interview figure{ margin: 0 0 2em; padding: 1rem 0 1.5rem; position: relative; }
.page #main.interview figcaption { opacity: 0.8; padding: 1rem; position: absolute; bottom: 1.5rem; width:100%; font-size: 1.875rem;}
figcaption{ padding: 1rem;font-family: Sacramento, cursive; font-size: 1.875rem; background: #1a1a1a; color: #fff;}


.full-profile h4{ border-bottom: 1px solid #858585; border-top: 1px solid #858585; font-family: Sacramento; font-size: 2rem; font-weight: normal; margin: 1.25em 0 0.75em; padding: 0.5em 0 0.25em; text-align: center;
}
.full-profile h6{ color: #858585; padding: 0.5em 0 1em;}

.full-profile figure{ margin: 0 0 1em; padding: 1rem 0 1rem !important; position: relative; }
.full-profile figcaption { opacity: 0.8; padding: 1rem; position: absolute; bottom: 1.5rem; width:100%; font-size: 1.875rem;}


.articles > li article aside h6.news-cat{ font-family: Sacramento, cursive; font-size: 1.875rem; font-weight: normal; padding: 0.5rem 0; margin: 0 0 1rem; border-top: none; border-bottom: 1px solid #858585; list-style:none;}
.articles > li article aside h6.news-cat ul{ list-style:none; margin-left: 0px; font-size: 1.875rem; font-weight: normal;}

.articles > li article .default-page-title {  padding-bottom: 0.5rem; }

@media only screen and (min-width: 40.063em) {
.winery-title,
.page #mc_embed_signup h2
 {   /*background: #1a1a1a; color: #FFFFFF; position: absolute; text-align: left; */ z-index: 10; padding: 1.5rem 2rem; text-align: center; } 
  .page #mc_embed_signup h2 { font-size: 2rem; padding-bottom: 3.5rem;}
.inside { position: static; background: none; color: #858585; padding-top: 1.5rem; padding-bottom: 1.5rem; padding-left:0rem; padding-right:0rem;}
.page .sub-title { font-size: 2.5rem; text-align: left; }
.default-page-title{font-size: 1.875rem; padding: 1rem 0 1.5rem; text-align: left; }
.wpmtp-job-title{font-size: 1.875rem; }
.page #main h4{ font-size: 1.5rem; font-weight: 700;}
.cp-dir .sub-title { font-size: 2.5rem; margin: 3rem 0; text-align: center; }

.cp-dir-contacts .sub-title { font-size: 2.5rem; margin: 1.5rem 0; text-align: center; }
.page #main.interview article div h4{ font-size: 2.5rem; }

.full-profile h4{ font-size: 2.5rem; }

}

@media only screen and (min-width: 56.25em) {
.page-title,
.email-signup .default-page-title
{ height:10px; top: -40px; position: relative; top: -40px; padding: 0; text-align: right; }
.archive-title{ padding: 0 0 2rem 0; font-size: 1.875rem;}
.page #mc_embed_signup h2
{  font-size: 3rem; } 
.winery-title
{  font-size: 3.6rem; } 
.default-page-title{text-align: left; padding-top: 0;  }

}

@media screen and (max-width: 992px) {
.page #main.interview figcaption {
    font-size: 1.65rem;
}
}
@media screen and (max-width: 540px) {
.page #main.interview figcaption {
    font-size: 1.3rem; padding: .6rem;
}

.full-profile figcaption {
    font-size: 1.3rem; padding: .6rem;
}
}

/*--------------------------------------------------------------------------------------- 
    5.LISTS
----------------------------------------------------------------------------------------*/
.list,
.kudos,
.wines,
.extra-btns
.page .interview .articles ul
  { font-size: 1.125rem; line-height: 1.8; list-style-type: none; margin: 0;}
.kudos,
.kudos ul
  { font-size: 1.125rem; line-height: 1.523; font-style:italic; margin-bottom: 0px; }
.kudos ul p {
    margin-bottom:0px;
}   
.kudos li{ padding-bottom: 2.5rem; }
.wines{ margin-bottom: 1rem; }
.wines h4{ font-size: 1.313rem; font-weight: 700; margin: 0;}
.wines h4 a{ color: #1a1a1a; text-decoration:none;}
.wines h4 a:hover{ color: #858585;}
.wines li{ position: relative; padding: 0 0 0 4.1875rem; }
.wines li:last-child,
.kudos li:last-child
  { padding-bottom: 2.5rem; }
.wines li p{ margin-bottom: 0; }
.wines li > i:before,
.wines li > i:after{ position: absolute; top: 4px; left: 0; display: block; margin: 0; text-align: left; line-height: 1; font-size: 105px; }
.wines li > i:before{ z-index: 2; }
.wines li > i:after{ z-index: 1; font-family: "fontello"; font-style:normal; }
ul li i.icon-white1:after { content: '\e820'; color:#EDD969; }
ul li i.icon-champ1:after { content: '\e821'; color:#EADB92; }
ul li i.icon-red1:after{ content: '\e819'; color:#A0222B; left: 2px; }
ul li i.icon-rose1:after { content: '\e81c'; color:#D87D61; }
ul li i.icon-dessert1:after { content: '\e815'; color:#C1272D; }
ul li i.icon-cider1:after { content: '\e812'; color:#F2C861; }
ul li i.icon-white1:after { content: '\e809'; color:#EDD969; }
ul li i.icon-champ1:after { content: '\e806'; color:#EADB92; }
ul li i.icon-champ1.rose:after { content: '\e806'; color:#D87D61; }
ul li i.icon-red1:after{ content: '\e810'; color:#A0222B; left: 2px; }
ul li i.icon-rose1:after { content: '\e80d'; color:#D87D61; }
ul li i.icon-dessert1:after { content: '\e814'; color:#C1272D; }
ul li i.icon-dessert1.white:after { content: '\e814'; color:#EDD969; }
ul li i.icon-cider1:after { content: '\e817'; color:#F2C861; }



.share-btns{ margin: 0; }
.extra-btns{ padding: 3rem 0 0; margin: 0; }
.share-btns li{ display: inline-block; width: 100%; text-align: left; padding-bottom: 2rem; }
.extra-btns li{ text-align: center; list-style:none; }
.year,
.year ul
  {list-style-type: none; margin: 0 0 1rem;}
.year li h4{ margin: 0 0 2rem; font-size: 1.875rem; font-weight: bold; border-bottom: 1px solid #dadada; }
.year cite{ max-width: 102px; text-align: center; font-size: 0.9375rem; font-weight: 700; margin: 0.5rem auto 0;}
.year cite:before{ content:""; }
.year cite img{ margin-bottom: 0.5rem; }
.year cite em{ font-weight: normal; font-style: italic; }

.als-container { position: relative; width: 100%; margin: 1.5rem auto 0; padding-top: 1rem;  z-index: 0; text-align: left; /*border-bottom: 1px solid #dadada;*/}
.als-container li {position: relative; display: block; cursor: pointer; font-size: 1.125rem; text-align: left; line-height: 1.2; padding-bottom: 0.675rem; line-height: 1.2; padding: 0.5rem 0; font-size: 1rem; border-bottom: 1px solid #f6f6f6}
.als-container li a {text-decoration: none;}
.als-container li.current-wine a {color: #1a1a1a; font-weight: bold;}
.als-viewport { position: relative; overflow: hidden; margin: 1.5rem auto; height: inherit !important; max-height: 200px; }
.als-wrapper { position: relative; list-style: none; margin: 0; }
.als-item { position: relative; display: block; text-align: center; cursor: pointer; font-size: 1.125rem;}
.als-item a { text-decoration: none; }
.als-prev, .als-next { cursor: pointer; clear: both; position: absolute; left: calc(50% - 13px); }
.als-prev { top: 5.2rem; }
.als-next { bottom: -1.5rem; }
.page #main .als-container h4 { font-family: Sacramento, cursive; font-size: 2.1rem; font-weight: normal; padding-bottom: 0.5rem; margin: 0; }



.team-single ul{ margin: 1rem auto 3rem; width: 100%; text-align:center; }
.team-single ul li{ float:none; display:inline-block; margin: 0 0.5rem; }
.team-single a{ color: #1a1a1a; }
.team-single i{ display: inline-block; height: 2rem; font-size: 1.25rem; border: 1px solid ; border-radius: 2rem; }
.team-single i.icon-mail:before{ position: relative; top: -2px; width: 1.3rem; font-size: 1.1rem; }
.team-single i.icon-delectable:before{ position: relative; top: -2px; font-size: 1.2rem; }
.team-single i.icon-link:before{ position: relative; top: -2px;  font-size: 1.2rem; }
.team-single i.icon-twitter:before{ position: relative; top: -2px;  font-size: 1.2rem; }
.team-single i.icon-facebook:before{ position: relative; top: -2px;  font-size: 1.2rem; }
.team-single a:hover > i{ color: #fff; background:#1a1a1a; border-color: transparent; }
.cp-dir,
.cp-dir ol
  { list-style-type: none; margin: 0; overflow: hidden;}
.cp-dir ol li {  font-size: 1.125rem; padding-bottom: 1rem; text-align: center;}
.cp-dir ol li h4{ margin: 0;font-size: 1.125rem; font-weight: normal; font-style: italic; }
.cp-dir ol li a{ text-decoration: none;}
.page #main .cp-dir ol > li {  text-align: center; margin: 0 auto; max-width: 250px;}
.page #main .cp-dir ol h4 {  font-size: 1.125rem; padding: 1rem 0 0 0; text-align: center; font-style: italic; font-weight: normal;}
 
.page #main .cp-dir ol h4 span{ display: block; font-size: 0.935rem; padding-bottom: 1rem; padding-top: 0.25rem; text-align: center; font-style: italic; font-weight:normal;}
.cp-dir .inline-list{ display: inline-block; margin: 0 1.25rem; text-align: center; width: 250px;}
.cp-dir .inline-list i:before{ width: 30px; height: 30px; line-height: 28px; margin: 0; background: #fff; border: 1px solid; border-radius: 50%;}
.cp-dir .inline-list i.icon-mail:before{ font-size: 0.9rem; margin-left: 0.1rem;}
.cp-dir .last{ width: 100%; margin: 0;}
.cp-dir .last a{ display: inline-block;}
.cp-dir figure {  text-align: center;}
.no-touch .page .cp-dir ol li { position: relative;}
.no-touch .page .cp-dir .inline-list { position: absolute; left: 0; margin-left: 0.35rem; bottom: 150px; display: none;}
.no-touch .page .cp-dir figure {  margin: 0 auto; max-width: 250px;}
.no-touch .page .cp-dir ol li img{ cursor: pointer; -webkit-transition: opacity 150ms cubic-bezier(0.42, 0, 0.58, 1) 50ms; -moz-transition: opacity 150ms cubic-bezier(0.42, 0, 0.58, 1) 50ms; transition: opacity 150ms cubic-bezier(0.42, 0, 0.58, 1) 50ms;  -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden;backface-visibility: hidden;}
.no-touch .page .cp-dir ol li:hover figure{ background: #858585; }
.no-touch .page .cp-dir ol li:hover figure.about-new{ background: none !important; }
.no-touch .page .cp-dir ol li:hover img{ opacity: 0.5; }
.no-touch .page .cp-dir ol li:hover img.about-1{ opacity: 1 !important; }
.no-touch .page .cp-dir ol li:hover .inline-list{ display: inline-block;}
.no-touch .cp-dir .inline-list i:before{ border: none; }
.no-touch .cp-dir .inline-list .button{ background: #fff; border: none; color: #858585; }
.no-touch .cp-dir .inline-list .button:hover{ color: #1a1a1a; }


.cp-dir-contacts,
.cp-dir-contacts ol
  { display: flex; flex-wrap: wrap; list-style-type: none; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 20px; overflow: hidden;}
.cp-dir-contacts ol li {  font-size: 1.125rem; text-align: center;}
.cp-dir-contacts ol li h4{ margin: 0;font-size: 1.125rem; font-weight: normal; font-style: italic; }
.cp-dir-contacts ol li a{ text-decoration: none;}
.page #main .cp-dir-contacts ol > li {  text-align: center; margin: 0 auto; max-width: 250px;}
.page #main .cp-dir-contacts ol h4 {  font-size: 1.125rem; padding: 1rem 0 0 0; text-align: center; font-style: italic; font-weight: normal; line-height: 32px;}
 
.page #main .cp-dir-contacts ol h4 span{ display: block; font-size: 0.935rem; padding-bottom: 1rem; padding-top: 0.25rem; text-align: center; font-style: italic; font-weight:normal;}
.cp-dir-contacts .inline-list{ display: inline-block; margin: 0 1.25rem; text-align: center; width: 250px;}
.cp-dir-contacts .inline-list i:before{ width: 30px; height: 30px; line-height: 28px; margin: 0; background: #fff; border: 1px solid; border-radius: 50%;}
.cp-dir-contacts .inline-list i.icon-mail:before{ font-size: 0.9rem; margin-left: 0.1rem;}
.cp-dir-contacts .last{ width: 100%; margin-bottom: 35px !important;}
.cp-dir-contacts .last a{ display: inline-block;}
.no-touch .page .cp-dir-contacts ol li { position: relative;}
.no-touch .page .cp-dir-contacts .inline-list { position: absolute; left: 0; margin-left: 0.35rem; bottom: 150px; display: none;}
.no-touch .page .cp-dir-contacts figure {  margin: 0 ; /*max-width: 250px;*/}
.page .cp-dir-contacts figure {  margin-top: 16px !important;}
/*.no-touch .page .cp-dir-contacts ol li img{ cursor: pointer; -webkit-transition: opacity 150ms cubic-bezier(0.42, 0, 0.58, 1) 50ms; -moz-transition: opacity 150ms cubic-bezier(0.42, 0, 0.58, 1) 50ms; transition: opacity 150ms cubic-bezier(0.42, 0, 0.58, 1) 50ms;  -webkit-backface-visibility: hidden;  -moz-backface-visibility: hidden; -ms-backface-visibility: hidden;backface-visibility: hidden;}
.no-touch .page .cp-dir-contacts ol li:hover figure{ background: #1a1a1a; }
.no-touch .page .cp-dir-contacts ol li:hover img{ opacity: 0.5; }*/
.no-touch .page .cp-dir-contacts ol li:hover .inline-list{ display: inline-block;}
.no-touch .cp-dir-contacts .inline-list i:before{ border: none; }
.no-touch .cp-dir-contacts .inline-list .button{ background: #fff; border: none; color: #858585; }
.no-touch .cp-dir-contacts .inline-list .button:hover{ color: #1a1a1a; }

@media only screen and (min-width: 40.063em) {
	
.year blockquote{ position: relative; padding-left: 9.25rem; }
.year cite{ position: absolute; top: 0; left: 0; margin: 0; }
.kudos,
.kudos ul
  { font-size: 1.313rem; margin-bottom:0px;}
	
.page #main .cp-dir-contacts ol > li { margin: 0 2% 0 0; }
.cp-dir ol > li { width: 48%; float: left; margin-right: 2%; font-size: 1.3125rem; padding-bottom: 2rem; text-align: left;}
.no-touch .page .cp-dir .inline-list {  left: calc(50% - 125px); }
.cp-dir ol li h4{ font-size: 1.3125rem; }
.page #main .cp-dir ol > li {   max-width: none; margin-right: 2%; text-align:left;}
.page #main .cp-dir ol h4 {  font-size: 1.325rem; text-align: center; font-style: normal; font-weight: 700;}

.cp-dir-contacts ol > li { width: 48%; float: left; margin-right: 2%;  line-height: 21px; padding-bottom: 2rem; text-align: left;}
.no-touch .page .cp-dir-contacts .inline-list {  left: calc(50% - 125px); }
.cp-dir-contacts ol li h4{ font-size: 1.3125rem; }
.page #main .cp-dir-contacts ol > li {   max-width: none; margin-right: 2%; text-align:left;}
.page #main .cp-dir-contacts ol h4 {  font-size: 1.2rem; text-align: left; font-style: italic; font-weight: normal;}

  
}
@media only screen and (min-width: 56.25em) {
  
.page #main .cp-dir ol > li { width: 23%; float: left; margin-right: 2%; font-size: 1.3125rem; padding-bottom: 2rem;  text-align:left;height:370px;}
.page #main .cp-dir ol h4 {  text-align: center; font-style: normal; font-weight: 700; }


.page #main .cp-dir ol > li.last {margin-top: 20px;}

.page #main .cp-dir-contacts ol > li { float: left;
    font-size: 1rem;
	line-height:21px;
    /*height: 120px;*/
    margin-right: 2%;
    text-align: left;
    width: 23%}
.page #main .cp-dir-contacts ol h4 {  text-align: left; font-style: italic; font-weight: normal; line-height: 32px; }


.page #main .cp-dir-contacts ol > li.last {margin-bottom: 30px;
    margin-top: 35px;}
  
}


/*--------------------------------------------------------------------------------------- 
    6.DIVIDERS
----------------------------------------------------------------------------------------*/
.line-top { background: url("images/divider.png") no-repeat center top rgba(0, 0, 0, 0);}
.page-section{ border-top: 1px solid #dadada; }
.interview h3{ padding: 1.5rem 0; }
.full-profile h3{ font-weight: 700;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem; }

@media only screen and (min-width: 40.063em) {
.line-top-light .smaller { background: url("images/light-divider.png") no-repeat center -2px rgba(0, 0, 0, 0);}
}

/*--------------------------------------------------------------------------------------- 
    7.BUTTONS
----------------------------------------------------------------------------------------*/
.more { font-weight: 700; width: 232px; margin-top: 2rem; }
.medium { /*width: 100%; max-width: 233px; margin-top: 1.25rem; */ height: 42px; line-height: 24px; text-align: left; font-size: 1.125rem; }
.more-text { text-transform: uppercase; color: #1a1a1a; font-size: 15px; font-weight: 700; text-decoration: none; }
.more-text:hover { color: #858585; }
p.more-wine {margin-bottom: 2.5rem; }
.wines .more-text { font-size: 18px; padding: 0 0 2.5rem 4.1875rem; }
.button.larger { font-size: 1.313rem; }
.button.larger-reversed { font-size: 1.313rem; }
.addthis_button,
.print_button
  { position: relative; text-decoration:none; }
.addthis_button i[class^="icon-"]{ font-size: 40px; }
.addthis_button i.glass{ font-size: 60px; }

.addthis_button i[class^="icon-"]:before,
.addthis_button i[class^="icon-"]:after 
  { position: absolute; line-height: 70px; left: 30%; width:0; top: 0; margin: 0;}
.addthis_button i[class^="icon-"]:before { z-index: 2; color:#1a1a1a; }
.addthis_button  i[class^="icon-"]:after { font-family:"fontello"; font-style:normal; z-index: 1; }
.addthis_button .icon-share1:after {
    color: #858585;
    content: '\e80c';
}

.addthis_button i.glass:before,
.addthis_button i.glass:after 
  {  left: 22px; top: auto; bottom: -6px;}
.addthis_button i.icon-white1:before,
.addthis_button i.icon-white1:after 
  { bottom: -8px;}
.addthis_button i.icon-dessert1:before,
.addthis_button i.icon-dessert1:after 
  { bottom: -10px;}
.addthis_button i.icon-champ1:before,
.addthis_button i.icon-champ1:after 
  { bottom: 1px;}
.addthis_button i.icon-cider1:before,
.addthis_button i.icon-cider1:after 
  { bottom: -9px;}

.addthis_button span{ display: inline-block; position: relative; border: 1px solid; border-radius: 35px; height: 70px; text-align: center; top: 0; width: 70px }
.share-btns strong{ display: block; color: #1a1a1a; font-size: 18px; max-width: 70px; text-align: center; }
span .icon-print { display: inline-block; height: 70px; width: 70px; border: 1px solid; border-radius: 35px;  font-size: 40px;}
.button.strong{ background: #1a1a1a; color: #fff; border: none; }
.button.strong:hover{ background: #858585; color: #fff; border: none; }
.extra-btns .medium{ margin: 0 0 1.5rem; }
@media only screen and (min-width: 56.25em) and (max-width: 70em) {
.medium { font-size: 0.9375rem; }
}

/*--------------------------------------------------------------------------------------- 
    8.BREADCRUMBS
----------------------------------------------------------------------------------------*/
.breadcrumbs { display: none; }
@media only screen and (min-width: 56.25em) {
.breadcrumbs {  display: block; height: 0; margin: 0; top: -2.5rem;  }

}

/*--------------------------------------------------------------------------------------- 
    9.SLIDER
----------------------------------------------------------------------------------------*/
.orbit-container .icon-left-open,
.orbit-container .icon-right-open 
  {display: none;}
.slider ul { margin: 0px; }
.example-orbit li{ margin: 0px; list-style:none; }
  

@media only screen and (min-width: 40.063em) {
.orbit-container .icon-left-open,
.orbit-container .icon-right-open 
  { display: block; width: 36px; background-color: rgba(255, 255, 255, 0.8);}

.orbit-container .icon-right-open:before,
.orbit-container .icon-left-open:before
  { display: block;  margin: 0; width: 100%; height: 100%; text-indent: 0; line-height: 82px; color: #1a1a1a; font-size: 25px;  } 
.orbit-container .icon-right-open,
.orbit-container .icon-left-open
  { -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 50ms; -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 50ms; transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 50ms; } 
}

@media only screen and (min-width: 56.25em) {
.orbit-container .icon-left-open,
.orbit-container .icon-right-open 
  { background-color: #fff;}
.orbit-container .icon-right-open:before,
.orbit-container .icon-left-open:before
  { font-size: 35px;  } 

}


/*--------------------------------------------------------------------------------------- 
    10.RETINA
----------------------------------------------------------------------------------------*/

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
footer{  background-image: url(https://www.beckywasserman.com/wp-content/uploads/2024/08/footer-bg-new@2x-2.png); background-size: 200px auto;}
}
/*--------------------------  
    ICONS
----------------------------*/

@font-face {
  font-family: 'fontello';
  src: url('fonts/fontello.eot?98871685');
  src: url('fonts/fontello.eot?98871685#iefix') format('embedded-opentype'),
       url('fonts/fontello.woff?98871685') format('woff'),
       url('fonts/fontello.ttf?98871685') format('truetype'),
       url('fonts/fontello.svg?98871685#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?85778274#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .3em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .3em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-instagram:before { content: '\e800'; } 
.icon-instagram-filled:before { content: '\e801'; } 
.icon-skype-outline:before { content: '\e802'; }
.icon-skype:before { content: '\e803'; } 
.icon-pinterest:before { content: '\e804'; } 
.icon-pinterest-circled:before { content: '\e805'; } 
.icon-champ2:before { content: '\e806'; } 
.icon-calendar-1:before { content: '\e807'; } 
.icon-champ1:before { content: '\e808'; } 
.icon-white2:before { content: '\e809'; } 
.icon-white1:before { content: '\e80a'; } 
.icon-share1:before { content: '\e80b'; } 
.icon-share2:before { content: '\e80c'; } 
.icon-rose2:before { content: '\e80d'; } 
.icon-rose1:before { content: '\e80e'; } 
.icon-related:before { content: '\e80f'; }
.icon-red2:before { content: '\e810'; } 
.icon-red1:before { content: '\e811'; } 
.icon-print:before { content: '\e812'; } 
.icon-link:before { content: '\e813'; } 
.icon-dessert2:before { content: '\e814'; } 
.icon-delectable:before { content: '\e815'; } 
.icon-dessert1:before { content: '\e816'; } 
.icon-cider2:before { content: '\e817'; } 
.icon-cider1:before { content: '\e818'; } 
.icon-calendar:before { content: '\e819'; } 
.icon-calendar2:before { content: '\e81a'; } 
.icon-box-bg:before { content: '\e81b'; } 
.icon-facebook:before { content: '\e81c'; } 
.icon-twitter:before { content: '\e81d'; } 
.icon-down-open:before { content: '\e81e'; } 
.icon-left-open:before { content: '\e81f'; } 
.icon-right-open:before { content: '\e820'; } 
.icon-up-open:before { content: '\e821'; } 
.icon-left-open-big:before { content: '\e822'; } 
.icon-right-open-big:before { content: '\e823'; } 
.icon-dot-3:before { content: '\e824'; } 
.icon-left-small:before { content: '\e825'; } 
.icon-right-small:before { content: '\e826'; } 
.icon-cancel:before { content: '\e827'; } 
.icon-plus:before { content: '\e828'; } 
.icon-mail:before { content: '\e829'; } 
.icon-post:before { content: '\e82a'; } 
.icon-edit:before { content: '\e82b'; } 

/*--------------------------------------------------------------------------------------- 
    QUOTES
----------------------------------------------------------------------------------------*/

.page .interview .articles ul li em
  { display: inline-block; font-size: 1.125rem; line-height: 1.523;}
.page .interview .articles q
  {  font-size: 1.125rem; font-style: italic; display: inline-block;}
  
.page .interview .articles q:before
  {  content:"";}
  
.full-profile .articles q
  {  font-size: 1.125rem; font-style: italic; display: inline-block;}
  
.full-profile q:before
  {  content:"";} 
  
/*--------------------------------------------------------------------------------------- 
    METASLIDER
----------------------------------------------------------------------------------------*/

figure.metaslider
  { position: relative; padding: 0; margin: 1rem 0 2rem;}
figure.metaslider figcaption
  { position: absolute; width: 100%; bottom:0; background: rgba(0,0,0, .7); }

caption { 
    color: #000;
    font-family: Sacramento,cursive;
    font-size: 1.875rem;
    padding: 1rem;
}
/*--------------------------------------------------------------------------------------- 
    ADDITIONAL STYLES
----------------------------------------------------------------------------------------*/

.filter {
    display: inline-block;
    padding: 0.5em 0;
    text-align: center;
    width: 100%;
}
.filter li {
    display: inline-block;
    margin: 0 8px;
    text-transform: uppercase;
}
.filter .button {
    border-color: #858585;
    color: #858585;
    font-size: 0.8rem !important;
    letter-spacing: 1px;
}
.filter .button:hover, .filter .button.active-filter {
    background: none repeat scroll 0 0 #1a1a1a;
    border-color: #1a1a1a;
    color: #fff;
    text-decoration: none;
}

.about-icons { 
    width: 100%;
    margin-left: auto ;
    margin-right: auto ;
}
  
.about-icons ul{ list-style-type: none; /*to remove bullets*/
    text-align: center;
    padding: 0px;
  margin-left: 0.1rem !important;
}

.about-icons li{
    padding: .5rem !important; margin-left: 0px !important;
}


.about-us .cp-dir .inline-list > li
  { display: inline-block;  float: none; padding-bottom:7px !important;}
  
.about-us .cp-dir .inline-list > li.last
  { display: inline-block; margin: 0px; float: none;}


  
  
  
.other-media .sub-title
  { font-size: 36px; text-align: center;}
  
.other-media figure
  { position: relative; cursor: pointer; background: #1a1a1a;}
.other-media figure > img
  { opacity: 0.7; }

.other-media figure:hover > img
  { opacity: 0.5; -webkit-transition: opacity 300ms cubic-bezier(0.42, 0, 0.58, 1) 50ms; -ms-transition: opacity 300ms cubic-bezier(0.42, 0, 0.58, 1) 50ms; transition: opacity 300ms cubic-bezier(0.42, 0, 0.58, 1) 50ms;}
.other-media figure span
  { height: 100%; position: absolute; text-align: center; top: 0; left: 0; width: 100%;}
.other-media figure span:before 
  { content: ""; display: inline-block; height: 100%; text-align: center; vertical-align: middle; }
.other-media figure span img
  { max-width: 52px; }
.other-media figure > a
  {  height: 100%; left: 0; position: absolute; top: 0; width: 100%;font-size: 0; opacity: 0; text-indent: 200%; white-space: nowrap; z-index: 1000}  
.other-media h6
  {  text-align: center; font-size: 16px; margin-top: 1em; font-weight: 700;} 
.other-media h6.website
  {   text-transform: uppercase; letter-spacing: 1px; font-size: 14px; }  

.other-media h6 a
  {  color: #1a1a1a; text-decoration: none; } 
.other-media h6 a:hover
  {  color: #858585;}   


div.full-profile { 
    width: 100%; margin-left: 0px; }
  

div.profile {margin: 0 0 !important;}

.metaslider {
    margin-bottom: 0 !important;
    position: relative;
    z-index: 0;
}


.rslides_nav.prev {
    left: 0px;
    text-decoration: none; height: 82px !important; width: 36px !important; background: center #FFF no-repeat url(images/prev.png) !important;
}

.rslides_nav.next {
    right: 0px;
    text-decoration: none; background: center #FFF no-repeat url(images/next.png) !important; height: 82px !important; width: 36px !important;
}

.rslides_nav a:hover {
    opacity: 0.7 !important;
}
@media screen and (max-width: 40.063em) {
.rslides_nav.prev { background: center transparent no-repeat url(images/prev-blank.png) !important; height: 0% !important; width: 0% !important; top: 12px;
}

.rslides_nav.next {
   background: center transparent no-repeat url(images/next-blank.png) !important; height: 100% !important; width: 100% !important; top: 12px;
}
}

  
.page-numbers {
    color: #1a1a1a;
    display: inline-block;
    font-size: 18px;
    padding: 5px 7px;
    text-decoration: none;
}

.page-numbers:hover{
    background: none repeat scroll 0 0 #1a1a1a !important;
    color: #fff !important; transition: all 250ms ease-in-out 0s;
}

.page-numbers.current {
    background: none repeat scroll 0 0 #1a1a1a;
    color: #fff;
}
.pagination{ width: 100%; margin-left:auto; margin-right:auto; text-align:center;}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.shelftalker {float: left; width: 250px; }

.home .big img,
.home article.smaller img,
article.smaller img {
    opacity: 1;
    width: 100%;
}
.home .big > div > a,
.home article.smaller > a,
article.smaller > a {
    background: #000 none repeat scroll 0 0;
    display: block;
}
.home .big img:hover,
.home article.smaller img:hover,
article a img:hover {
    opacity: 0.8;
}

.categorie {
    background: transparent none repeat scroll 0 0;
    height: 2.5rem;
    margin: -2.8rem 0 0;
    position: relative;
    text-align: left;
    font-size: 1.6rem !important;
}
.big .categorie {
    background: transparent none repeat scroll 0 0;
    bottom: 6px;
    position: absolute;
    top: auto;

}
.archive article.smaller img {
    opacity: 1;
}

/* Mailchimp form */
#mc_embed_signup {
    font-family: "Source Sans Pro",sans-serif !important;
}
#mc_embed_signup .mc-field-group label {
    color: #898989;
    font-size: 13px;
    letter-spacing: 1px;
    margin-bottom: 0;
    position: absolute;
    text-transform: uppercase;
    top: -13px;
}
.page #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
    border-radius: 5px ;
    font-size: 13px ;
    letter-spacing: 1px;
    padding: 0 ;
    position: absolute ;
    right: 0;
    text-transform: uppercase;
    top: -6px;
}
.page #mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {
    border-width: 1px ;
}
.page #mc_embed_signup .mc-field-group input {
    border-radius: 5px ;
    font-size: 18px ;
    padding: 12px 0 ;
    text-indent: 1% ;
}
.page #mc_embed_signup .mc-field-group select {
    border: 1px solid #abb0b2;
    border-radius: 5px;
    font-size: 18px;
    margin-bottom: 2px;
    padding: 11px 0 ;
    width: 100% ;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    background: rgba(0, 0, 0, 0) url("images/select-bg.svg") no-repeat scroll right center;
}
.page #mc_embed_signup .mc-field-group {
    width: 100% ;
    padding-bottom: 7%;
}
.page #mc_embed_signup .button {
    background-color: #fff;
    border: 1px solid;
    border-radius: 5px;
    color: #1a1a1a;
    font-size: 2rem;
    line-height: 1;
   padding: 0.75rem 4rem 0.45rem;
    text-align: center;
     font-family: Sacramento,cursive;
     height: auto;
     transition: all 0.13s ease-in-out 0s;
}
.page #mc_embed_signup .button:hover {
    background-color: #1a1a1a;
    color: #fff;
    border-color: #1a1a1a;
}
.page #mc_embed_signup .clear {
   text-align: center;
}
.page #mc_embed_signup .indicates-required {
    margin: 0 auto 2%;
    text-align: center;
}

@media screen and (min-width: 820px) {
.page #mc_embed_signup .mc-field-group {
    padding: 0 20px 3%;
    float: left;
    width: 49% ;
    clear: none;
}
.page #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
    right: 19px;
}
.page #mc_embed_signup .mc-field-group {
    padding-bottom: 3%;
}
}


/* this can be removed once the data has been added */
.about-icons { display:none; }
.no-touch .page .cp-dir ol li img{ cursor: auto; }

/* form response styles */
#mc_embed_signup div#mce-responses {
    float: none !important;
    top: -1.4em;
    padding: 0em .5em 0em .5em;
    overflow: hidden;
    width: 100% !important;
    clear: both;
  margin-left:auto !important;
  margin-right:auto !important; 
  margin-top:5%;
  margin-bottom:5%;
}

#mc_embed_signup div.response {
    float: none !important;
    font-weight: bold;
    margin: 0 !important;
    padding: 1em 0 0.5em !important;
    top: -1.5em;
    width: 100% !important;
    z-index: 1;
}



#mc_embed_signup #mce-success-response {
    color: #1a1a1a !important;
    display: none;
}
.kudos-image img {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    left: -4px;
    padding: 32px;
    position: relative;
    top: -5px;
    width: 100%;
}

.kudos-image {
    border: 1px solid #ccc;
    position: relative;
}

/* caption for wine pages */

.full-profile figure.left,
.full-profile figure.right {
    display: table;
}

.full-profile .left figcaption,
.full-profile .right figcaption  {
    display: table-caption;
    caption-side: bottom;
    background: transparent;
    font-size: 15px;
    line-height: 1.3;
    position: static;
    padding: 0;
    opacity: 1;
    width: auto;
    color: #1a1a1a;
    font-family: "Source Sans Pro",sans-serif ;
}
/*--------------------------------------------------------------------------------------- 
    NEW STYLES FOR BY IMPORTER PAGE
----------------------------------------------------------------------------------------*/
.letters.importers li a{
    line-height: 1;
}
.letters.importers  li > h4 a span{
    display: block;
    padding: 0.85rem 0;
}
.letters.importers li ol li ul {
    list-style: none;
    margin-left: 0;
}
.letters.importers li ol li ul li a {
    font-size: 18px;
    font-weight: normal;
     color: #858585;
     padding: 0.6rem 0;
     line-height: 1.5;
     display: inline-block;
}
.letters.importers li ol li ul li a:hover {
     color: #1a1a1a;
}
.letters.importers li ol li ul li a span{
    font-size: 16px;
    padding: 0;
}
.letters.importers a img {
    display: inline;
    max-width: 23px;
    margin-bottom: 14px;
    border-radius: 5px;
    opacity: 1;
    margin-left: 0;
    margin-right: 0.65rem;
    border: 1px solid #ccc;
    padding: 1px;
}
.letters.importers a:hover img {
    /*opacity: 0.3;*/
}
.letters.importers .button {
    color: #858585;
    font-weight: normal;
    margin-bottom: 36px;
    margin-top: 18px;
    line-height: normal;
}
.letters.importers .button:hover {
    color: #1a1a1a;
    background: transparent;
}
.letters.importers .i-list {
    display:none;
}
.letters .i-list a span{
    line-height: 1;
}
@media print {
  
  ul {
      margin-left:0;
  }
  .site-header .large-1 {
      margin-top: 50px;
      width: 15%;
      float: left;
      padding-left: 1em;
  } 
   .site-header h1 img {
      max-width: 150px;
      margin-top: 11px;
  }
  .winery-title,
  .page-title {
      text-align: left;
      margin-left: 90px;
      margin-top: -90px;
  }
  .sub-title.first,
  .winery-logo {
      text-align: left;
      padding-left: 0

  }
  .winery-logo {
      margin: 1em 0;
  }
  .page #main p,
  .page #main ul li {
      font-size: 0.85rem;
      margin-left: 0;
      padding-left: 0;
  }
  h3 {
      font-size: 1rem;
  }
  .glance {
     padding-left: 0;

  }
  .countries .button {
      border: 1px solid #dadada;
      padding: 5px;
     width: 48px;
      margin: 0;
  }
  .country-nav {
      text-align: left !important;
      margin-left: 1em;
  }
  .letters li a,
  .letters li h3 {
      font-size: 1rem;
  }
  .letters li a {
      font-weight: normal;
  }
  .by-country h3 {
      color: #858585;
  }
  .winery-logo,
  .label, .alignleft{ margin-right: 1.375em ; margin-bottom: 0; float:left; width: 25% !important; }
  .glance{ float: left !important; padding-right: 0; }
  .large-5 { width: 62.5%; }
  .column,
    .columns {
      position: relative;
      padding-left: 1.375em;
      padding-right: 1.375em;
      float: left; }

  .glance .list li{
      line-height: 1.5;
  }  
  .metaslider > div{
      display: inline-block !important;
  }    
  .metaslider img{
      max-height: 20vh !important;
      width: auto !important;
  }
  .page-template-wine-page .sub-title,
  .page-template-wine-page .default-page-title{
      text-align: left;
  }
  .page-template-wine-page .default-page-title{
      margin-top: 20px;
      padding-top: 0;
  }
  .rslides_nav {
      display: none !important;
  }
  .page-template-domaine-at-a-glance-page .example-orbit {

      margin-top: 40px;
  }

} /*end print*/

/*--------------------------------------------------------------------------------------- 
    NEW STYLES FOR EVENTS
----------------------------------------------------------------------------------------*/
.event--future{
  margin-bottom: 48px;
}

.event--past{
  position: relative;
}
.event_details{
  padding-top: 24px;
  border-top: 1px solid #dadada;
}
.page #main .event_details p{
  padding-right: 120px;
  font-size: 16px;
}
.event_date {
  position: relative;
  display: inline-block;
  float: right;
   padding: 10px 0;
     color: #fff;
     background: #1a1a1a;
     text-align: center;
     width: 78px;
}
aside .event_date {
  float: none;
}
.event_date--past {
  position: absolute;
  display: inline-block;
   padding: 10px 16px;
     color: #1a1a1a;
     background: #fff;
     text-align: center;
     top: 0;
  right: 0;
  pointer-events: none;
}
.event_date span,
 .event_date--past span{
  display: block;
  line-height: 1;
}

.event_month{
  font-size: 14px;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 1px;
}
.event_month--past{
  font-size: 12px;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 1px;
}

.event_day{
  font-size: 36px;
  font-weight: bold;
}
span.event_day--end{
  font-size: 27px;
  font-weight: bold;
  line-height: 36px;
}
.event_day--past{
  font-size: 24px;
  font-weight: bold;
}
.event_from,
.event_to{
  font-size: 11px;
  color: #858585;
  margin-bottom: 5px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.event_to{
  margin-top: 5px;
}
.event_year{
  font-size: 16px;
}
.event_year--past{
  font-size: 12px;
}
.event_year--end{
  margin-bottom: 3px;
}
.event_title{
  padding-right: 120px;
  font-size: 30px;
  font-weight: bold;
}
.event_title a{
  text-decoration: none;
  color: #1a1a1a;
}

.past_events{
  border-top: 1px solid #1a1a1a;
  margin-top: 72px;
  padding-top: 24px;
}
.page-title--past{
  text-align: center;
  color: #1a1a1a;
  position: static;
  padding: 0.5em 0 2.5em;
  font-size: 36px;
}
.events_more{
  text-align: center;
}

@media only screen and (min-width: 40.063em) {
  .event--future .medium-4 {
    width: 50%;
}
}

@media only screen and (min-width: 56.25em) {
  .event--future .large-3 {
       width: 37.5%;
   }
   .event--future .large-5 {
       width: 62.5%;
   }
}

.main-navigation > li.current-menu-item a{
  color: #858585;
}

.no_events_title{
  font-weight: bold;
  text-align: center;
}

@media only screen and (min-width: 40.063em) {
    .secondary .medium-3 {
    width: 33.33%; }
}


/*--------------------------------------------------------------------------------------- 
    NEW STYLES FOR AGE CHECKER
----------------------------------------------------------------------------------------*/

.agc_screen * {
    font-family: 'Source Sans Pro', sans-serif;
}
.agc_screen#agc_form {
    background: rgba(0,0,0, .6);
}
.agc_screen#agc_bg {
    background-color: #333 !important;
    background-image: url(https://www.beckywasserman.com/wp-content/uploads/2018/11/Bret-StVBonnode.jpg);
}
.agc_screen #agc_container #agc_title {
    font-weight: normal;
    font-family: Sacramento, cursive;
    font-size: 3rem;
}
.agc_options ul li {
    font-weight: bold;
}
.agc_screen #agc_container p:nth-of-type(2) {
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 13px;
}
.agc_screen .agc_select_wrap .agc_select_val {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
}
.agc_screen .agc_verify_button {
    padding: 0.75rem 4rem 0.45rem;
    float: none;
    font-weight: normal;
  line-height: 1;
    font-family: Sacramento, cursive;
    font-size: 2rem;
    border-radius: 5px;
}


/*updates wines list MAy 2019*/

.als-wrapper {
  width: 100% !important;
  height: auto !important;
}

.als-wrapper li { 
  /*border: none;*/
}

.als-wrapper h6 { 
  position: relative;
  font-size: 0.9rem;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 12px 0 12px 16px;
  /*border-bottom: 1px solid #f6f6f6;*/
}
.als-wrapper h6 span { 
  position: absolute;
  display: flex;
  flex-direction: column; 
  left: 0;
  top: 0;
  height: 100%;
  justify-content: center;
}
.als-wrapper i { 
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin: 2px 0;
}
i.white-w { 
  background: gold;
}
i.red-w { 
  background: #800020;
}
i.pink-w { 
  background: #FFA491;
}
i.amber-w { 
  background: #F8B662;
}
i.neutral-w { 
  background: transparent;
  border: 1px solid black;
}

.als-wrapper .wines-group { 
  padding: 0;
  border-top: 1px solid #dadada;
  border-bottom: none;
}

.als-wrapper .wines-group ul{ 
  margin-bottom: 16px;
  margin-left: 16px;
}
.als-wrapper .wines-group ul.hidden{ 
  display: none;
}

.als-wrapper .wines-group ul:last-child li:last-child {
    border-bottom: none;
}
.als-container li a {
    position: relative;
}
.als-container li a i{
    position: absolute;
    left: -15px;
    top: 7px;
    opacity: 0;
    transition: opacity 0.2s cubic-bezier(0.42, 0, 0.58, 1) 0s;
}

.als-container li a:hover i {
    opacity: 1;
}
.als-container li.active a{
    color: #1a1a1a;
}
.als-container li.active a i {
    opacity: 1;
}

.als-wrapper h6 > i { 
  display: inline-block;
  width: auto;
  height: auto;
  position: absolute;
  right: 0;
  transform: rotate(-90deg);
  -webkit-transition: transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
  -moz-transition: transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
  -o-transition: transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
  transition: transform 0.2s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
}
.als-wrapper h6.active { 
  border-bottom: 1px solid #f6f6f6;
}
.als-wrapper h6.active > i { 
  transform: rotate(0deg);
}
#main { 
  margin-bottom: 40px;
}
#main .row{ 
  position: relative;
  z-index: 0;
}

#main .breadcrumbs-wrapper{ 
  height: 18px;
}
#main .breadcrumbs-wrapper{ 

}

/*updates VINTAGE TASTING SEPT 2019*/
dl.vintage_tasting,
.vintage_tasting dd, 
.vintage_tasting dt { 
  margin: 0;
  padding: 4px;
}
.page #main h4.vintage_title { 
  text-align: center; 
  font-family: Sacramento, cursive; 
  font-weight: normal;
  font-size: 40px;
  margin-top: 1em;
}
dl.vintage_tasting { 
  font-size: 1.1rem;
  overflow: hidden;
}
.vintage_tasting dt { 
  width: 50%;
  float: left;
  clear: both;
  text-align: right; 
  padding-right: 16px;
  border-right: 1px solid;
}
.vintage_tasting dd { 
  position: relative;
  width: 50%;
  float: right;
  padding-left: 16px;
  border-left: 1px solid;
  left: -1px;

}
.vintage_tasting a{ 
  text-decoration: none;
}

/*updates AOP OCT 2019*/

#main ol, #main ul { font-size: 1.125rem; line-height: 1.8; }
#main ul { list-style-type: none; margin: 0;}

@media only screen and (min-width: 40.063em) {
  .winery-logo{ 
    position: sticky;
    top: 0;
   }
}

.page-section {
    border-top: none;
    padding-top: 0;
}
/*.winery-title{  
  margin-bottom: 0.75em; 
} */
.slider{  
  margin-bottom: 4em; 
}
.row .glance-box {
    padding-bottom: 2rem;
    max-width: 100%;
}
.page #main .large-6 h4,
.full-profile h3 {
  border-top: 1px solid #858585;
  border-bottom: 1px solid #858585;
  margin: 1.5em 0 1em;
  padding: 0.5em 0 0.25em;
  font-family: Sacramento;
  font-weight: normal;
  /*text-transform: lowercase;*/
  font-size: 2.1rem;
  text-align: center;
  /*padding: 0.75em 0 0.25em;*/
}

/*.full-profile h3 {
  text-transform: lowercase;
}*/

/*.full-profile h3:first-letter,
.page #main .large-6 h4:first-letter {
  text-transform: uppercase;
}*/

.page #main .full-profile h4:first-child ,
.page #main .large-6 .glance-box h4{
  margin-top: 0;
}
.page #main h4 {
 font-size: 2.1rem;
 font-weight: normal;
}
.page .sub-title {
    text-align: center;
}

.share-btns {
    display: flex;
}
.share-btns li {
    width: auto;
    padding-right: 1em;
    padding-bottom: 1em;
}

.addthis_button, .print_button {
    display: flex;
    flex-direction: column;
}

.page #main .aop{
    background: #f4f4f4;
    padding: 1em 1em 0.1em;
    margin-top: 2em;
}

.page #main .aop p {
    font-size: 0.938rem;
}
.page #main .aop h4{
    font-size: 1.25rem;
    font-weight: bold;
    margin-top: 0.5em;
}
/*COUNTRIES LIST UPDATE*/

.countries{  
  display: flex;
  justify-content: space-between;
  overflow: auto;
  margin-left: -0.5em;
  }

  .countries a {
    padding: 0;
}

.page-template-importers-by-name-page #main .row:nth-of-type(2){
  z-index: 1; 
}

@media screen and (max-width: 899px) {
  .site-header:before,
  .site-header:after{ 
    height: 0; 
   }
	.countries a {
    width: 72px;
}
}

/*Interview section*/

.podcast-link{
  margin-left: 8px;
}
.podcast-link,
.podcast-link:hover{
  text-decoration: none;
  color: #fff;
  font-size: 24px;
  background: #1a1a1a;
  padding: 1px 12px;
  border-radius: 5px;
}

.podcast-link img{
  height: 20px;
}
.podcast-feeds{
  display: inline-flex;
  align-items: center;
  margin-bottom: 24px;
  font-family: 'Sacramento';
}

.podcast-feeds span{
 font-size: 24px;
}

.page .articles article ol.tracklist,
.page .articles article ol.tracklist ol{
  list-style-type: none;
  margin-left: 0;
padding-bottom: 0.5em;
}

.page #main .articles article ol.tracklist h6{
  padding-bottom: 0;
  font-size: 0.85rem;
}
.page .articles article ol.tracklist li{
  font-size: 1rem;
}

/*404*/
.not-found{
  min-height: 60vh;
  text-align: center;
}

.not-found h1{
  font-family: Sacramento;
  font-size: 48px;
  margin-bottom: 1em;
}

.not-found h2{
  margin: 3em 0 1em;
  font-weight: normal;
  font-size: 1.6rem;
}

.not-found h2 a{
  color: #1a1a1a;
}

.not-found img{
  max-height: 22vh;
  margin-top: 1em;
  margin-bottom: 2em;
}

/* mapplic */
.mapplic-list h6 {
    margin: 0;
    text-align: left;
    color: #858585;
    line-height: 1.5;
    font-weight: bold;
    font-size: 1.313rem;
    /* background: #f8f8f8; */
    padding: 6px 12px 0;
}

.mapplic-search-form {
	border-bottom: 0 !important;
}

.mapplic-list-location{
	padding-bottom: 4px;
}

.mapplic-list-container ol li.mapplic-list-category
{
	border-bottom:none;
}

.mapplic-list-category > a {
	border-bottom: 0;
}

.mapplic-list-location > a {
	text-decoration: none;
}

.mapplic-list-location h4 {
   line-height: 1.4 !important;
}
.mapplic-list-category > a {
  padding-top: 5px !important;
}
.mapplic-search-input {
  border: 1px solid #eee !important;
}

/*--------------------------------------------------------------------------------------- 
   AGE GATE
----------------------------------------------------------------------------------------*/

.age-gate__heading-title.age-gate__heading-title--logo {
  max-width: 120px;
}
.age-gate__submit {
  color: #1a1a1a !important;
  border: 1px solid !important;
  background: #fff !important;
  font-weight: normal !important;
  padding: 0 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  width: 64px;
  height: 64px;
}
.age-gate__challenge {
  font-family: Sacramento;
  font-size: 36px;
  margin-bottom: 1em;
}


/*--------------------------------------------------------------------------------------- 
   BY FARMING
----------------------------------------------------------------------------------------*/
#manage-ajax-response, .caf-col-md-4 {
  padding: 0 !important;
	gap: 2%;
}
#manage-post-area {
  position: relative;
}
.caf-post-layout1 .caf-meta-content,
.caf-post-layout1 .caf-content,
.caf-post-layout1 .caf-content-read-more{
  display: none !important;
}

.caf-post-layout1 .manage-layout1 {
  padding: 0;
  box-shadow: none !important;
  background: #1a1a1a;
}
.caf-post-layout1 .caf-featured-img-box {
  height: auto !important;
  padding-top: 66%;
  opacity: 0.8;
  transition: opacity 300ms cubic-bezier(0.42, 0, 0.58, 1) 50ms;
}
.caf-post-layout1:hover .caf-featured-img-box {
  opacity: 1;
}
.caf-post-layout1 .caf-post-title {	
  background: transparent !important;	
  position: absolute;
  bottom: 5px;
}
.caf-post-layout1 .caf-post-title a{	
  font-family: Sacramento !important;
  font-weight: normal !important;
  font-size: 30px !important;
	display: block;
	text-align: center;
	line-height: 1.2 !important;
}

.data-target-div1 #caf-filter-layout1 li a{
  background-color: transparent !important;
  text-transform: uppercase !important;
  color: #858585 !important;
  font-size: 0.8rem !important;
  letter-spacing: 1px;
  font-weight: normal;
  border: 1px solid;
  padding: 0.45rem 0.9rem;
  border-radius: 5px;
  margin: 0 5px !important;
  display: inline-block;
}

.data-target-div1 #caf-filter-layout1 li a:hover,
.data-target-div1 #caf-filter-layout1 li a.active {
  background-color: #1a1a1a !important;
  color: #fff !important;
  border-color: #1a1a1a !important;
}

.caf-filter-layout1 a:hover {
  transform: scale(1) !important;
}

.caf-filter-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  z-index: 100;
}
.caf-filter-container li:nth-of-type(1){
  order:1;
}
.caf-filter-container li:nth-of-type(7){
  order:2;
}
.caf-filter-container li:nth-of-type(4){
  order:3;
}
.caf-filter-container li:nth-of-type(5){
  order:4;
}
.caf-filter-container li:nth-of-type(2){
  order:5;
}
.caf-filter-container li:nth-of-type(3){
  order:6;
}
.caf-filter-container li:nth-of-type(6){
  order:7;
}

.caf-filter-container  .caf-mb-4 {
  margin-bottom: 10px !important;
}

.caf-filter-container a {
   position: relative;
}

.caf-filter-container a:after {
   position: absolute;	
   /*display: none;*/
	opacity: 0;
   top: 50px;
  color: #858585;
  line-height: 1.2;
  text-transform: none;
  letter-spacing: 0;
  left: calc(50% - 150px);
  background: rgba(255,255,255, .9);
  z-index: 30;
  max-width: 300px;
  width: 300px;
  padding: 1em;
  border-radius: 5px;
  text-align: left;
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}

.caf-filter-container a:hover {
   z-index: 1000;
}
.caf-filter-container a:hover:after {
   /*display: block;*/
	opacity: 1;
	top: 40px;
	pointer-events: none;
}
/*
 * 1. SUSTAINABLE 
 */
.caf-filter-container [data-id="727"]:after {
   content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sollicitudin eros condimentum nulla egestas dapibus." ;
}

/*
 * 2. ORGANIC CERTIFIED
 */
.caf-filter-container [data-id="728"]:after {
   content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sollicitudin eros condimentum nulla egestas dapibus." ;
}

/*
 * 3. ORGANIC NOT CERTIFIED
 */
.caf-filter-container [data-id="731"]:after {
   content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sollicitudin eros condimentum nulla egestas dapibus." ;
}
/*
 * 4. BIODYNAMIC CERTIFIED
 */
.caf-filter-container [data-id="729"]:after {
   content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sollicitudin eros condimentum nulla egestas dapibus." ;
}
/*
 * 5. BIODYNAMIC NOT CERTIFIED
 */
.caf-filter-container [data-id="730"]:after {
   content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sollicitudin eros condimentum nulla egestas dapibus." ;
}

/*
 * 6. REGENERATIVE
 */
.caf-filter-container [data-id="732"]:after {
   content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sollicitudin eros condimentum nulla egestas dapibus." ;
}


@media only screen and (max-width: 768px) and (min-width: 500px) {
  .caf-col-md-tablet6 {
    -ms-flex: 0 0 49% !important;
    flex: 0 0 49% !important;
    max-width: 49% !important;
  }
}

@media only screen and (min-width: 769px) {
  .caf-col-md-4 {
    -ms-flex: 0 0 32% !important;
    flex: 0 0 32% !important;
    max-width: 32% !important;
  }
}


img:is([sizes="auto" i], [sizes^="auto," i]) {
    contain-intrinsic-size: 252px 150px!important;
}