.WYSEOButtons {line-height:1em}

.wine-block, .wine-block1, .wine-block-home  {
  box-shadow: 0px -8px 8px 0px rgba(255, 255, 255, 0.5),0px 8px 8px 0px rgba(0, 0, 0, 0.11),0px 4px 4px 0px rgba(0, 0, 0, 0.11),0px 1px 1px 0px rgba(0, 0, 0, 0.11);
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	
}


.wine-block:hover, .wine-block1:hover, .wine-block-home:hover   {
  box-shadow: 0px -16px 16px 0px rgba(255, 255, 255, 0.75),0px 64px 64px 0px rgba(0, 0, 0, 0.06),0px 32px 32px 0px rgba(0, 0, 0, 0.09),0px 16px 16px 0px rgba(0, 0, 0, 0.09),0px 8px 8px 0px rgba(0, 0, 0, 0.05),0px 4px 4px 0px rgba(0, 0, 0, 0.09),0px 2px 2px 0px rgba(0, 0, 0, 0.09),0px 1px 1px 0px rgba(0, 0, 0, 0.11);
}



.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}



.flex-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    }

.flex-item:nth-child(1) {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

.flex-item:nth-child(2) {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

.flex-item:nth-child(3) {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

/*
    Legacy Firefox implementation treats all flex containers
    as inline-block elements.
*/

@-moz-document url-prefix() {
.flex-container {
    width: 100%;
    -moz-box-sizing: border-box;
    }

}



/* 
	Large BAM Navigation
*/

ul.WebYepMenu { margin-left:0px !important; padding:0 !important; }
li.WebYepMenuItem { color:silver; margin-bottom:1em; margin-left:0px !important; font-size:15px; list-style-type:none; padding:0 !important; }
li.WebYepMenuItem a { text-decoration: none; color:#888a8a !important; }
li.WebYepMenuItem a:hover {  color:#232425 !important; background-color:#ffffff !important }



/* 
	Large BAM Navigation advert
*/
img.wyimage-nav-advert:hover { 
	outline:10px solid white; 
}



.reveal.f-ms {
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: #CA2B51 transparent;
}

/* Reduce right padding when scroll is visible (WebKit only) */
.reveal.f-ms::-webkit-scrollbar {
  width: 6px;
}

.reveal.f-ms::-webkit-scrollbar-thumb {
  background-color: #CA2B51;
  border-radius: 3px;
}

/* Reduce right padding when overflow exists (Chrome, Safari) */
.reveal.f-ms:has(:overflow) {
  padding-right: 19px; /* 25px - 6px for scrollbar */
}

#new-dropdown-nav ul {
	 margin:0em 0em 0em 0em
}





/*new bam nav */

.bam-inner-block {
  width: 100%;
}

.content-block {
    display: flex;
     align-items: flex-start;
}

.left-column {
	display: flex;
	  flex-direction: column;
	  flex: 1;
	  min-width: 0; /* prevents overflow */
}
.advert2 {
  flex-shrink: 0;
  width:360px;
  height:300px
}

  
 

.wine-block, .wine-block1  {
  box-shadow: 0px -8px 8px 0px rgba(255, 255, 255, 0.5),0px 8px 8px 0px rgba(0, 0, 0, 0.11),0px 4px 4px 0px rgba(0, 0, 0, 0.11),0px 1px 1px 0px rgba(0, 0, 0, 0.11);
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	
}


.wine-block:hover, .wine-block1:hover  {
  box-shadow: 0px -16px 16px 0px rgba(255, 255, 255, 0.75),0px 64px 64px 0px rgba(0, 0, 0, 0.06),0px 32px 32px 0px rgba(0, 0, 0, 0.09),0px 16px 16px 0px rgba(0, 0, 0, 0.09),0px 8px 8px 0px rgba(0, 0, 0, 0.05),0px 4px 4px 0px rgba(0, 0, 0, 0.09),0px 2px 2px 0px rgba(0, 0, 0, 0.09),0px 1px 1px 0px rgba(0, 0, 0, 0.11);
}



.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}



.flex-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    }

.flex-item:nth-child(1) {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

.flex-item:nth-child(2) {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

.flex-item:nth-child(3) {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

/*
    Legacy Firefox implementation treats all flex containers
    as inline-block elements.
*/

/*@-moz-document url-prefix() {
.flex-container {
    width: 100%;
    -moz-box-sizing: border-box;
    }

}
*/


/* 
	Large BAM Navigation
*/

ul.WebYepMenu { margin-left:0px !important; padding:0 !important; }
li.WebYepMenuItem { color:silver; margin-bottom:1em; margin-left:0px !important; font-size:15px; list-style-type:none; padding:0 !important; }
li.WebYepMenuItem a { text-decoration: none; color:#888a8a !important; }
li.WebYepMenuItem a:hover {  color:#232425 !important; background-color:#ffffff !important }



/* 
	Large BAM Navigation advert
*/
img.wyimage-nav-advert:hover { 
	outline:10px solid white; 
}



.reveal.f-ms {
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: #CA2B51 transparent;
}

/* Reduce right padding when scroll is visible (WebKit only) */
.reveal.f-ms::-webkit-scrollbar {
  width: 6px;
}

.reveal.f-ms::-webkit-scrollbar-thumb {
  background-color: #CA2B51;
  border-radius: 3px;
}

/* Reduce right padding when overflow exists (Chrome, Safari) */
.reveal.f-ms:has(:overflow) {
  padding-right: 19px; /* 25px - 6px for scrollbar */
}

#new-dropdown-nav ul {
	 margin:0em 0em 0em 0em
}





/*new bam nav */

.bam-inner-block {
  width: 100%;
}

.content-block {
    display: flex;
     align-items: flex-start;
}

.left-column {
	display: flex;
	  flex-direction: column;
	  flex: 1;
	  min-width: 0; /* prevents overflow */
}
.advert2 {
  flex-shrink: 0;
  width:360px;
  height:300px
}



/*new blog images and container */
.wyimage-blog img {
  width:100%;
  height:auto;
  object-fit:cover;
}





/* Base styling for the badge */
.dietary-type {
  position: absolute;
  top: 58px;
  left: 14px;
  width: 91px; /* Adjust to suit SVG proportions */
  height: 127px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top left;
  opacity: 0;                           
  animation: fadeInStamp 0.6s ease-in-out forwards;
  animation-delay: 0.2s;
}

@keyframes fadeInStamp {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* When parent has a dietary class, show it */
.vn .dietary-type,
.vg .dietary-type,
.og .dietary-type {
  opacity: 1;
}

/* --- Single-category icons --- */
.vn .dietary-type {
  background-image: url('/resources/vegan.svg');
}

.vg .dietary-type {
  background-image: url('/resources/vegetarian.svg');
}

.og .dietary-type {
  background-image: url('/resources/organic.svg');
}

/* --- Two-category combinations (order-agnostic) --- */
.og.vn .dietary-type,
.vn.og .dietary-type {
  background-image: url('/resources/organic-vegan.svg');
}

.og.vg .dietary-type,
.vg.og .dietary-type {
  background-image: url('/resources/organic-vegetarian.svg');
}

/* Hide badge only when parent lacks all three */
*:not(.vn):not(.vg):not(.og) > .dietary-type {
  display: none;
}

/* --- Optional: ensure parent has relative positioning for correct badge placement --- */
.vn, .vg, .og {
  position: relative;
}