/*
 Theme Name:   CIS Vagabond trial Theme
 description:  Theme developed by CIS 
 Author:       Mark CIS
 Template:     storefront
 Version:      1.0.0
*/




@font-face {
  font-family: "SuisseIntl-Bold";
  src: url(/assets/Suisse/SuisseIntl-Bold.otf) format("opentype");
}
@font-face {
  font-family: "SuisseIntl-Regular";
  src: url(/assets/SuisseIntl-Regular.ttf) format("truetype");
}

@font-face {
  font-family: "SuisseIntl-Med";
  src: url(/assets/fonnts.com-Suisse_Intl_Medium.ttf) format("truetype");
}


/*
    Heart & Vines CSS
 23 06 2025 Stable V 1.0

font-family: "SuisseIntl-Bold";
 
#FFE361 naples yellow
#FFCD03 Jonquili


#FDBA4D Xanthous


Table of Contents

 generals
 body
 header
 permanent mobile menu on display
 splide plugin
 slick-slide 
 footer
 for wp block editor
 woocommerce
 blog
 #about-us



for wp block editor classes

.cis_main_blocks 
.cis_main_blocks_components
.alignleft
.alignright

.medium-sized-photo
a.whiteoutlinebuttons

.hide-this



++ added
.cocktailrecipessplide
#flavor-explosion-banner
.floating-on-product-page

.viticulture
.tastingnotes
.winemaking

 * */








/****   from Customize  23 06 2025 Stable V 1.0  ****/




@keyframes fadeInScale {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fadeInScale2 {
  0% {
    opacity: 0;
  
  }
  100% {
    opacity: 1;
   
  }
}
.fade-in-scale {
  animation: fadeInScale 2s ease-in-out;
}




/*******  quick fixes ********/


.block.footer-widget-2{
	
}

:where(.wp-block-group.has-background) {
    height: unset!important; 
    min-height: 60vh;
   
}



.archive #primary
{
	margin-top:15vh;
}

.page-id-2767 #content>.col-full,
/*  food-pairings   */
.page-id-2555 #content>.col-full,
/*  contact us   */
.page-id-2978 #content>.col-full,
/*  recipes   */
.page-id-3600 #content>.col-full
/*  events   */

{
	margin:0!important;
	padding:0;
	width:100%;
	min-height:100vh

}
.page-id-2555 /*  food-pairings   */
.entry-content{
	margin:25vh 0 0 10vw  ;
}

	section.related.products ul.products li.product img
	{
		max-height:40vh;
		width:auto;
	}








.woocommerce-cart-form__cart-item.cart_item td{
	justify-content:center;
	
}



.woocommerce-message{
	border:0;
	outline:none;
	    font-family: 'SuisseIntl-Med';
}
.woocommerce-message::before{
	content:' ';
}

.woocommerce-message a.button{
	border:0;
}



.hentry .entry-taxonomy{ /*weird bot border below socials*/
	border:0;
}



/*

.slide.image-on-right img
{
	z-index:1001;
	opacity:1
}
.slide.image-below img
{
	z-index:4;
	transform: rotateZ(-2deg);
}
.slide.active img
{
	z-index:9;
}













/*******  quick fixes ********/







/*******  generals ********/
a,button,a:hover,button:hover
{
	outline:none!important;
	color:initial;

}
input{
	
	outline:none!important;
}
img{
	border-radius:0;
		border:0;
	outline:none;

		
}
h1, h2, h3, h4, h5, h6{
	font-weight:initial;
	line-height:4.5vh;
	color:initial;
	font-family:'SuisseIntl-Bold', sans-serif;
	   
}
h1{
	font-size:4.5vh;
	// letter-spacing: -.4vh;
	
}
h2{
	font-size:4vh;
	// letter-spacing: -.4vh;
	
}
h3{
	font-size:3.7vh;
	
}
h4{
	font-size:3.3vh;
	
}
h5{
	font-size:2.7vh;
	
}
h6{
	font-size:2.3vh;
	
}

.page h1,.page h5{
	font-family:'SuisseIntl-Bold', sans-serif!important;
}
/*******  generals ********/

/*******    body   *******/

body{
	font-family: "SuisseIntl-Regular", sans-serif!important;
	
	background:#faefe1;
	color:#000;
	font-size:1.9vh
}


body.home div#content>div.col-full
{
	width:100%;
	max-width: 100%;
	
	margin:0;
  padding: 0;
  
	background:#faefe1;
}
.content-area{
	margin-bottom:0;
}
#content .col-full{
	
	max-width:80%;
	margin:15% 10%;
	
}

.archive #content .col-full{
	
	max-width:80%;
	margin:5% 10%;
	
}


.entry-content{
	margin-top: 12vh;
}

.post-template-default.single.single-post #content{
	    margin-top: 20vh;
}

.single-post div#content{
	margin:0!important;
}
article#post-2978,
article#post-2767{
	padding-bottom: 25vh;
}

/*******    body   *******/



/******   header   *****/

.home .entry-header,
.page .entry-header,

header.page-header{
	display:none;
	/*remove page headers*/
}

header.woocommerce-products-header,header .site-search
{
	display:none;
}

.site-header .site-logo-anchor img, .site-header .site-logo-link img, .site-header .custom-logo-link img {
    width: 20vh;
    max-width: initial;
	    margin-left: 5vw;
	
}


header>.col-full{
	margin:0;
	width:90vw;
	display:flex;
	    justify-content: space-between;
    align-items: center;
	    max-width: 100%;
	padding:0;
	/*
	flex-direction: row-reverse!important;
	*/
}
#masthead>.col-full{
	    
	position:relative;
}



header#masthead.site-header
{
	margin:0;
position: absolute;	
	top:0;
    width: 100%;
    z-index: 100;
	background:none;
  //  background: #FFCD03;
	//background: 	#fee660;
	
	

    border: 0;
	padding:0% ;
	height:15vh;
	display:flex;
	      align-items: center;
    justify-content: center;
    
}

.home header#masthead.site-header
{
position: absolute;	
}

header#masthead.site-header a
{
	color: #000;
	font-weight:bold;
}

.main-navigation{
	/*
	    position: absolute;
    height: 100%;
	*/
    display: flex;
    flex-direction: column;
  
    justify-content: center;
    width: 100%!important;
	z-index:2;
	margin:0%!important;
	pointer-events: none;
	height:15vh;
	
	
	align-items: flex-end;
	/*
	 width: 100%!important;
	  align-items: flex-start;
	 * */

}
.primary-navigation{
	top:15vh;
	
	width:auto;
	position:absolute;
	
	/*
	height:85vh;
	width:100%;
	position:fixed;
	
	background:#FFE361;
*/
	background:#fff;
	z-index:3;
	pointer-events:all;
	
	border-radius:3vh;
	left:5%

	
}
.main-navigation.toggled .primary-navigation{
		display:flex;
}
.main-navigation.toggled .handheld-navigation, .main-navigation.toggled .menu>ul:not(.nav-menu), .main-navigation.toggled ul[aria-expanded=true]{
	/*
	max-height:85vh;
	height:85vh;
*/
	
}
.main-navigation ul li{
	width:100%;
	text-align:center;
}
.site-branding{
	margin:0;
	    display: flex!important;
    justify-content: flex-start;
	width:90%!important;
	/*
	  justify-content: center;
	 * */
}
.secondary-navigation{
	
}

.home header#masthead.site-header{
	background:none;
}
.home .entry-content{
	margin:0;
}
/******   header   *****/

/**permanent mobile menu on display**/
#koala{
	 
    position: absolute;
    z-index: 5;
    height: 8vh;
	 top: 2vh;
	
	opacity:0;
	 transition: all 0.1s ease-in-out;
	/*
	left: 2vh;	
*/
	right:7vh;
	
}
#koala:hover{
	//opacity:1;
	 transition: all .5s ease-in-out;
z-index: 0;
}

#site-navigation-menu-toggle{
	 transition: all 0.2s ease-in-out;
	 transform-origin: center;
	
	width:0%;
	height:5vh
}
#site-navigation-menu-toggle:hover{
	 transition: all 0.05s ease-in-out;
	 transform-origin: center;
}
button.menu-toggle{
	

}
button.menu-toggle,button.menu-toggle:hover{
	display:flex;
	border: 0;
  background: none;
	outline:none;
	pointer-events: all;
	   
	z-index:5;
	/*
	 margin-left: 4vh;
	*/
		margin-right: 4vh;
	

}
button.menu-toggle::before {
    transform: translateY(-.91vh);
}
button.menu-toggle::after {
    transform: translateY(.91vh);
}
button.menu-toggle span{
	font-size:0%;
	width:10vh;
	
}
button.menu-toggle::before, button.menu-toggle::after, button.menu-toggle span::before {
	
    content: "";
    display: block;
    height: .5vh;
    width: 3vh;
    position: absolute;
    top: 50%;
    left: 1vh;
    margin-top: -.5vh;
    transition: all, ease, .2s;
    border-radius: 3px;
	color:#000!important;
	background-color:#000!important;
}

button.menu-toggle::before, button.menu-toggle::after{
	
	margin-bottom:1vh;	
	
}

    .main-navigation ul.menu, .main-navigation ul.nav-menu {
			
        max-height: none;
        overflow: visible;
        margin-left: -1em;
        transition: none;
    }


.primary-navigation {
    display: none;
}

.main-navigation.toggled .primary-navigation {
	display:block;
}



div.handheld-navigation{

}
div.primary-navigation{

 
}

	.main-navigation.toggled .handheld-navigation{
    position: absolute;
   
		
  
    z-index: 10000;
		
   
    pointer-events: all;
	
    min-height: initial;
		max-height: initial;
		height: initial;
		
		/*
		  min-height: 50vh;
		max-height: 100vh;
		height: initial; 
		*/

    top: 14vh;
		
	
}

   .toggled .handheld-navigation
{
      
			opacity:1;
			background:#fff;
			height:100%;
			border-radius:2vh;
		
			    display: flex !important
;
    flex-direction: column;
    justify-content: center;
    max-height: unset;
		 padding: 3% 1%!important;
	box-sizing:border-box;
		 margin-left:5%;
	transition:all, ease, 1s ;
	
	
		border:.5vh solid #000;
	font-size:2.3vh;
	width:20vw
    }







	.primary-navigation,.storefront-primary-navigation {
        display: none!important;
    }

header#masthead.site-header a:after{
	/*
	 display:none;
	
	cart logo */
	height: auto;
    font-size: 3vh;
	padding:5%;
}
#cis-cart-count
{
	      border-radius: 50%;
    background: #000;
    width: auto;
    padding: 0 .71vh;
    height: auto;
    font-weight: 900;
    color: #fff;
    position: absolute;
    right: 0;
    font-size: 1.5vh;
    /* bottom: 0; */
    margin: -3vh -2vh 0 0;
    pointer-events: none;

}
header#masthead.site-header a.cart-contents{
	    padding: 0;
    height: 14.5vh;
    display: flex
;
    align-content: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.site-header-cart .cart-contents .amount{
	display:none;
}
#site-header-cart{
	    width: fit-content;
    height: 15vh;
}

.site-header-cart .cart-contents .count,
.site-header-cart .widget_shopping_cart{
	display:none!important;
}
.storefront-primary-navigation{
	width:0%;

}
header#masthead.site-header .handheld-navigation a{
	text-align:left;
	padding:3%;
	
	 padding-left:5%;
	
}
.handheld-navigation ul.menu {
	margin:0;
}
.handheld-navigation ul.menu .sub-menu{
	position:initial;
	width:100%;
	background-color:initial!important;
}
.handheld-navigation ul.menu li{
	/*
	display:flex;
	    flex-direction: row;
    justify-content: center;
    align-items: center;
	*/
	//border:1px solid;
	position:relative;
	min-height:5vh;
		
}
.handheld-navigation ul.menu .sub-menu li{
		min-height:2vh;
	
	
}
.handheld-navigation ul.menu  li.menu-item-has-children>a
{
	/*
	width:90%;
	background:red;
	padding-left:10%;
	*/
	padding:1%
		    width: fit-content;


}
.handheld-navigation ul.menu  li.menu-item-has-children:first-child li:first-child
{
	font-size:80%;
	text-decoration:underline;
	text-transform:uppercase;
}
.handheld-navigation ul.menu  li.menu-item-has-children:first-child li:first-child a:hover{
	background:initial!important;
}
.handheld-navigation ul.menu  li.menu-item-has-children:first-child li:nth-child(6)
{
	/*
	 display:none /* remove sparkling */
}
.handheld-navigation ul.menu .sub-menu li a
{
	width:100%;
	padding:1%!important;
		padding-left:15%!important;

}
.handheld-navigation ul.menu li button{
	padding:2%;
	box-sizing:border-box;
	    width: inherit;
    text-align: right;

	
	
	
}
.handheld-navigation ul.menu li a::after{
	display:none!important;
}
.carousel-arrows {
	z-index:11!important;
}



/**permanent mobile menu on display**/




/** split-divs ***/


.split-divs{
	overflow:hidden;
flex-wrap:wrap;
}
.split-divs h1{
	
	    font-size: 8.5vh;
    line-height: 9vh;
}
.split-divs h3
{
	    font-weight: 100 !important;
    font-family: "SuisseIntl-Med", sans-serif;
	font-size:3vh;
}

.split-divs>div:first-child>*:not(figure){
//	width:70%;
}
.split-divs.text-on-right>div:last-child{
	text-align:right;
	//padding-left:16vw!important;
	
}
.split-divs
div.wp-block-button{
		min-width:20vw;

}
.split-divs
div.wp-block-button>a{
	border-radius:15vh!important;
	padding:3% 10% !important;

}

.split-divs.text-on-right>div:last-child
{
	display:grid;
	gap:2vh;
}



























.split-divs
{
	position:relative;
	height:80vh;
	padding:0;
	gap:0!important;
	
}
.split-divs>div{

}
.split-divs img,
.split-divs figure.wp-block-image
{
	/*
	transform: rotate(8deg) scale(1.35);
	*/
	width:60vw!important;
	height:80vh!important;
	object-fit:cover;
	margin:0!important;
	
}
.split-divs.text-on-right img,
.split-divs.text-on-right figure.wp-block-image
{
	
	width:70vw!important;

	
}
.split-divs.events img,
.split-divs.events figure.wp-block-image
{
	
	width:65vw!important;

	
}



.split-divs#paired-to-your-lifestyle>div:first-of-type{
	padding-left:5%!important;

	
}

.split-divs>div:first-of-type{
	padding-left:5%;
	box-sizing:border-box;
	flex-basis:40vw!important;
	z-index:9;
	
}
.split-divs>div:last-of-type{

	flex-basis:60vw!important;
	
}
.split-divs.text-on-right>div:first-of-type{
	padding-left:0%!important;
	
	z-index:1;
	flex-basis:75vw!important;
}
.split-divs.text-on-right>div:last-of-type{
padding-right:4%!important;
	flex-basis:40vw!important;
	z-index:9;
	
}

.split-divs.events>div:first-of-type{
	padding-left:5%!important;
	box-sizing:border-box;
	flex-basis:55vw!important;
}
.split-divs.events>div:last-of-type{

	flex-basis:100vw!important;
}











div.split-divs::before{
	content:' ';
	height: 0;
	position:absolute;
	z-index:8;
	top:0;
		box-sizing:border-box;
}

div.split-divs#paired-to-your-lifestyle::before{
	
	
	
	border-right: 0vw solid transparent;
	border-bottom: 95vh solid transparent;
	border-left: 15vw solid #EF393A;
	

	
	left:38vw;

}
div.split-divs.text-on-right::before{

	border-left: 0vw solid transparent;
	border-top: 150vh solid transparent;
	border-right: 30vw solid #6A3F99;
	
	
	
	top:-15vh;
	right:27vw;

}
div.split-divs.events::before{
	
	border-right: 0vw solid transparent;
	border-bottom: 150vh solid transparent;
	border-left: 30vw solid #73C044;
	

	
	
	top:0;
	left:23vw;

}



/*
.split-divs.test-show img
{	transform: rotate(0deg) }
.split-divs.test-show
{
	    padding: 0;
}

.split-divs.test-show video{
	    width: 125vw!important;
    max-width: initial!important;
    margin: 0vw 0 0 -13vw;
    height: 79vh;
    object-fit: cover!important;
}





/** split-divs ***/








/*******  h&v irl  *****/
#hnvirl .j-text{
	display:flex;
	align-items: center;
}
.juicer-feed.slider .slick-track{
	background:#918686!important;
}
.juicer-feed.slider{
	height:50vh;
	overflow-y:hidden
}
.juicer-feed.slider ul>li>div>img{
	transform:scale(100%)!important;
}
#hnvirl>div.juicer-feed>h1.referral{
	position:absolute;
	top:0;
}
#hnvirl>div.juicer-feed{
	padding-bottom:5vh!important;
	
}
/*
#hnvirl>div.juicer-feed>h1.referral a,#hnvirl>div.juicer-feed>h1.referral a::after{
	display:none!important;
	opacity:0!important;
	font-size:0;
	padding:0!important;
}
*/
#hnvirl h1:first-of-type{
	padding:5vh!important;
}
.juicer-feed.loaded{
	margin-bottom:0vh!important;
}
li.feed-item.juicer-about{
	position: absolute!important;
    width: 0!important;
	font-size:0!important
}

/*
li.feed-item{
	float:left!important;

}
div.juicer-feed div.j-stacker>*{
	display:flex!important;
	    float: left !important;
	width:40vw!important;
	
}
.juicer-feed.image-grid li.feed-item{
	width:40vw!important;
}
/*******  h&v irl  *****/




























.mfp-zoom-in.mfp-ready .mfp-with-anim
{
		margin:0;
	float:right;

	transform: scale(1)!important;
    width: 58vw;
	height:100vh;
	right:0!important;
	overflow-y: auto;
	    overflow-x: hidden;
	
}
.mfp-zoom-in .mfp-with-anim //initial
{
	margin:0;
		float:right;
	transform: scale(1);
	right:-58vw!important;
	transform: scale(1)!important;
    width: 58vw;
}

.wpb_wl_images,
.wpb_wl_summary{
	width:100%;
}
.wpb_wl_preview_area .wpb_wl_preview
{
	display:flex!important;
	width: 100%;

    height: 100%;
	    visibility: initial;
	opacity:0;
	
}
.wpb_wl_preview_area {

    top: 0;

    width: 100%;

    height: 100%;
    opacity: 0;
}





.wpb_wl_images img
{
	height: 55vh;
    object-fit: contain;
	background:skyblue;
	    transition: all 0.2s ease-in-out;
	
}
.wpb_wl_images img:hover
{
	scale:200%;
	    transition: all 0.2s ease-in-out;

}


.wpb_wl_quick_view_content,
.wpb_wl_images
{
	margin:0!important;
	padding:0;
}



.wpb_wl_summary
{
	z-index:5;
		position:absolute;
	left:0;
	top:55vh;
	padding:7vh 10vh;
	background:#fff;
	display: flex;
    flex-direction: column;
}


.wpb_wl_product_title
{
		order:1;
}
.wpb_wl_product_price
{
		order:2;
}
.wpb_wl_summary form.cart
{
	order:3;
}
.woocommerce-product-details__short-description
{
	order:4;	
}


.wpb_wl_summary .button
{
	background:#345!important;
}







































/****  woocommerce  *****/









.woocommerce .woocommerce-message{
	border:0;
	 margin-top: 15vh!important;
}



li.product
/*
 * this is for displaying for see also and archive 
 * */
{
	/*
	border:.4vh solid #fff;
	*/
	margin:0!important;
	
	
	min-height: 45vh;
   padding: 0 2vh 2vh 2vh;
	width:33.33%!important;
	
}	
#main .product{
	
	/*dupe css grp? lines below are for #main .product*/
	
	display: grid;
  align-items: end;
	/* these are to avoid the too bouncy effect on bottle decors  */
	    height: 100%;
    padding-bottom: 15vh;
    margin-bottom: -20vh;
	
	
	
	
	
}


#page,div.product
{
	overflow:unset!important;
	/* important for sticky to work*/
}


/*

.product_meta
{

}
.product_meta a,.label-group .product_meta{
	
	
		border-radius:3vh;
	border:.1vh solid #000!important;
	padding:1vh 2vh;
	background:inherit;
	color:#345;
	text-transform:uppercase;
	font-size:1vh;
	float:left;
	text-decoration:none!important;
	margin-right:.5vh;
	
	
	
}
.product_meta a:hover,.label-group .product_meta:hover{
	background:#000;
	color:#fff;
}
.single-product div.product .product_meta{
	font-size:1vh;
	
}


.label-group{
	display:flex;
	    flex-wrap: wrap;
    justify-content: center;
}
#woocommerce-product-search-field-1
{
	outline:none;
		border-radius:1vh;
	background:none;
	box-shadow:none;
	border:.2vw solid #000;
	color:#000!important;
	letter-spacing:.3vh;
	
}


*/


.product_meta a,.label-group .product_meta{
	
	display:none;
}

.site-search .widget_product_search form::before
{
	display:none;
}




/* display all/search results */
.storefront-sorting select,
.woocommerce-result-count
{
    
    padding: 1vh;
}

.cis_product_loop_essentials
{
	height:50%;
}
.cis_product_loop_essentials h2{
	//font-size:0!important;
}
.cis_product_loop_wrapper{
	display:flex;
	flex-direction:column;
	align-items:center;
	
}



.single-product div.product .woocommerce-product-gallery .flex-viewport{
	overflow:unset!important;
	width:100%!important;
	
	height:90%!important;
	float:left;
	
	margin:0!important;
}

.woocommerce-product-gallery__wrapper{
width:unset!important;	
	
}
.woocommerce-product-gallery__wrapper>div{
	
	width:100%!important;
	overflow:unset!important;
	height:100%;
	
	
}






.storefront-full-width-content.single-product div.product .woocommerce-product-gallery{
	margin:0 auto;
	/*
	width:80vh;
	top:15vh;
	*/
	/*
	width:100vh;
	top:0;
	
	idk why  this caused the zoomImg disapp 
	*/
		width:100%;
	top:0;

	
	position:sticky;
  
	z-index:50;
	height:90vh;
	
	pointer-events:none;
	
	
	

	
}
/*added when cropping bottles*/
.storefront-full-width-content.single-product div.product .woocommerce-product-gallery a{
	display:flex;
	    justify-content: center;
}





img.zoomImg
/* wtf */
,

.storefront-full-width-content.single-product div.product .woocommerce-product-gallery .wp-post-image
{
	max-width: auto;
    min-width: auto;
	max-height: 100vh;
	min-height: 100vh;
	display:block!important;
	opacity:1!important;
	position:initial!important;
	
	top:0!important;
	left:0!important;
	width:auto!important;
	height:100vh!important;
	
	


	object-fit:cover;
	//aspect-ratio: 900 / 600;

	background:none!important;
	float:left!important;
	box-sizing:border-box!important
}




ol.flex-control-nav.flex-control-thumbs,.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger{
	display:none!important;	
}
.single-product div.product .product_meta{
	border:0;
}





/** start of short desc codes **/

div.bottle-decor img{
	height:15vh;
	position:sticky!important;
	z-index:5;
	
	width:auto;
	
object-fit:contain;
	
}

div.bottle-decor
{
	    position: absolute !important;
    height: 100%!important;
    width: 33%!important;
    display: initial!important;
    top: 0;
	pointer-events:none;


}

/*heirarch fix*/


.oneof3{
	width:33.33%;
	float:left;
}
.threeof3{
	float:right;
	
	width:33.33%;
}


.oneof3>div:not(:last-of-type){
	margin-bottom:30%!important;
}
.oneof3>div{
	float:left;
	width:100%;
}
.winemaking>div{

	width:100%;
	
	float:left;
}
/*heirarch fix*/
.cis_primaryflavors,.tastingnotes 
{
	
	width: 100% !important;
    padding: 0;
    text-align: left !important;
    text-transform: uppercase;
    font-size: 1.9vh !important;
	line-height: 5vh;
	
}
.cis_primaryflavors strong,
.tastingnotes strong{
    font-size: 4vh;
    letter-spacing: -.09vh;
    text-transform: initial;
    line-height: 5vh;
    margin-top: -2vh;
    display: block;
    width: fit-content;
	font-weight:initial;
	
}
.numerology>div{
	
	
	width:fit-content;
	float:left;
	padding:0 10% 5% 0;
	
}
.numerology strong{
	

}
/*scale*/
.cis-scale{
	
	float:left;
	width:100%;
	display:grid;
	grid-template-columns: 0 auto 85% auto;
	     align-items: center;
	    text-align: center;

}
.cis-scale>span{
	 grid-column:  1/span 5;
	    text-align: initial;
}
.cis-scale p,
.cis-scale>div
{
	margin:0!important;
	font-size:1.7vh;
	color:#a09893;
	
}


div.cis-actual-scale{
	    position: relative;
    /*
	border: .7vh solid #a09893;
	 overflow: hidden;
	*/
    border-radius: 15vh;
    width: 90%;
    height: 5.5vh;
   border: 1vh solid ;
    display: flex;
	    align-items: center;
   margin:0 auto!important;
}



/*

.sweet-tropical-white

.luscious_fruity
.pink_moscato
.sparkling
.crisp_white
.shiraz
.warm_ripe_red

*/







.warm_ripe_red div.cis-actual-scale
{
	/*
#866da4
	 * */
	 background: #1ea0c2;
		border-color: #7ac6db;
}
.warm_ripe_red span:not(:last-of-type,:nth-of-type(7),:nth-of-type(6),:nth-of-type(5)){
	background-color:#7ac6db;
}






.shiraz div.cis-actual-scale
{
	 background: #866da4;
		border-color: #866da4;
}
.shiraz span:not(:last-of-type,:nth-of-type(7)){
	background-color:#6c4498;
}


.sweet-tropical-white div.cis-actual-scale{
	
	background: #f1dd66;
		border-color:  #f6e481 ;
}


.luscious_fruity div.cis-actual-scale{
	
	background: #fcca60;
		border-color: #fcca60;
}
.luscious_fruity  span:not(:last-of-type){
	background-color: #f6a44b;
}

.sweet_berry_red div.cis-actual-scale
{
	
	 background: #cc3740;
		border-color:  #c97f85 ;
}
.pink_moscato div.cis-actual-scale
{
	
	 background: #d04b6e;
		border-color:  #f6afce ;
}
.sparkling div.cis-actual-scale
{
	
	 background: #a79654;
		border-color:  #cdc378 ;
}
.sparkling span:not(:last-of-type,:nth-of-type(7)){
	background-color:#cdc378;
}
.crisp_white
 div.cis-actual-scale
{
	 background:#a7d36c;
	border-color: #e2f59c ;
}
.crisp_white span:not(:last-of-type,:nth-of-type(7),:nth-of-type(6)){
	background-color: #e2f59c;
}

.cis-actual-scale span{
	border:.1vh solid #fbfbee;
	border-top:0;
	border-bottom:0;
	
	float:left;
	    display: flex
;
    padding: 0 !important;
    height: 100%;
    width: 19.2857%;
    justify-content: center;
    align-items: center;
	
	/*
	width:14.2857%;
	
	fix for email 18 Mar 2025
	*/
	
	

	

}

.cis-actual-scale span:nth-of-type(2),
.cis-actual-scale span:nth-of-type(3)
{
	display:none;
}

/*
fix for email 18 Mar 2025
	*/








.cis-actual-scale span:first-of-type{
	
	border-left:0;
	border-radius:15vh 0 0 15vh;
	

}
.cis-actual-scale span:last-of-type{
	
	border-right:0;

}

.cis-actual-scale img{
	
	width: auto;
    height: 6vh !important;
    object-fit: fill;
    padding: 0;
    position: absolute;
    z-index: 10;
   // margin: -1vh 0 0 -1.5vh;
/*
	width:auto;
	
	
	height:100%!important;
	object-fit: fill;
	
	padding:0;
	
	
	/*
	border:.4vh solid;
	filter:invert(1) ;
	box-shadow: 0px 0px .1vh .3vh #fff;
	background:#faefe1;
	top:-2.5vh;
	border-radius:100%;
	position:absolute!important;
	z-index:10;
	right:0;
	*/
}

/*scale*/







/*

.sweet-tropical-white

.luscious_fruity
.pink_moscato
.sparkling
.crisp_white
.shiraz

*/

/***effort to css-ify bottle decor**/
div.bottle-decor img{
	width:auto!important;
}
div.bottle-decor{
	
	width:100%!important;
	    
    left: 0;
	//border:1px solid;
}
div.bottle-decor img:nth-of-type(1) {
        
		height: 18vh;

	
	top: 80vh !important;
	transform: rotateZ(-31deg);
		
//	border:1px solid;
	
	
	left: 35vw !important;
	}


	div.bottle-decor img:nth-of-type(2) {
   height: 14vh;
	left: 53vw !important;
	top: 50vh !important;
	transform: rotateZ(32deg) scaleX(-1);
		//border:1px solid;
	}
	div.bottle-decor img:nth-of-type(3) {
    height: 20vh;
	left: 35vw !important;
	bottom: 45vh !important;
	top:35vh!important;
		   // margin-bottom: 75vh;
		//border:1px solid;
		
	}
	div.bottle-decor img:nth-of-type(4) {
    /*   
		height: 18vh;
        top: 52vh !important;
        bottom: 0vh !important;
        left: 44vw !important;
        right: 0!Important;
     */  
	}







/***effort to css-ify bottle decor**/

/**end of short desc codes**/


.product_title.entry-title{
	font-weight:800;
	font-size:24vh;
	line-height:20vh;
	color:#cdc381;
	text-align:center;
	padding:20vh 0 30vh 0;
	margin:0 auto;
	max-width:80%;
	
	overflow-wrap:normal;
		
	
	
	position:absolute;
	padding:15vw;
				
				justify-content: center;
				
					margin: 0vh auto 25vh auto;
	top:5vh;
	display: flex;
        align-items: center;
	justify-content: center;
	
  animation: fadeInScale .52s ease-in-out;
			
}
/*
 .product_title.entry-title {
        font-size: 12vh;
        line-height: 10vh;
        color: #cdc381;
        text-align: center;
       
        padding: 0;
        margin: 0;
        width: 100%;
        max-width: 100%;
        height: 30vh;
        display: flex
;
        align-items: center;
        margin-left: -15vw;
        margin-bottom: 25vh;
				
			
				
				
				
				
				    position: fixed;
				z-index:-1;
    top: 35vh;
    //width: 150vw;
    max-width: 150vw;
   // left: -15vw;
				padding:15vw;
				font-size:18vh;
				line-height: 16vh;
				justify-content: center;
				
					margin: 0 auto 25vh auto;
				
    }
*/








.single-product #content .col-full{
	    margin: 0vh auto;
    min-width: 80vw;
    padding: 0;
	max-width:unset;
}
.single-product #primary,
.single-product #main
{margin-bottom:0;}


div.summary.entry-summary{
	margin:5vh auto 0 auto!important;
	top:0;
	//border:1px solid;
	min-width:80%!important;
	max-width:90%!important;
	order:2;
	
	/*added to reorder price and buy button*/
	    display: flex;
    flex-direction: column;
	    align-items: flex-end;
/*added to reorder price and buy button*/
}



.single_add_to_cart_button{
	border-radius:20vh;
}

.single-product div.product form.cart{
	    order: 10;
    z-index: 10;
    float: right;
    width: 33.33%;
    margin-left: 63.66%;
    margin-bottom: 20vh;


	
}



.single-product div.product p.price {

	opacity:1;
	    order: 26;

    float: right;
    width: 33.33%;
    margin: 5vh 0 0 0;

}

section.related.products{
	//display:none;
	margin-top: 25vh;
	
}

section.related.products li.product{
	padding-bottom:10vh!important;
}

li.product .price{
	display:none!important;
}










.storefront-sticky-add-to-cart
{
	background:#000;
	color:#fff;
}
.storefront-sticky-add-to-cart__content-button.button
{
	background:#fff;
	color:#000;
	border-radius:15vh;
}
.storefront-sticky-add-to-cart__content-button.button:hover{
	border:.21vh solid #fff;
}
.storefront-sticky-add-to-cart__content-title
{float:left;
font-size:80%;
	line-height:180%
}
.storefront-sticky-add-to-cart__content-title strong
{font-size:180%;
	display:block;
}
.storefront-sticky-add-to-cart__content-price
span.woocommerce-Price-amount.amount{
	display:none;
}

/****  woocommerce  *****/



.posted-on,.post-author{
	display:none;
}







#about-us{
	position:relative;
	    align-items: flex-start;
}
#about-us-mobile{
	display:none;
}
#about-us img{
	border-radius:2%
}
#about-us>div{
	width:33.33%;
	margin: 2.5%;
}
#about-us>div:first-child *,
#about-us>div:last-child *
{
	line-height:150%;
	margin-bottom:5%;
}
#about-us>div:nth-child(2){
	margin: 0 auto;
  
    position: sticky;
    top: 10vh;
    z-index: 50;
    height: 90vh;
    flex-wrap: nowrap;
	
}
#about-us>div:nth-child(2) figure{
	width:100%;	
}
#about-us>div:nth-child(2) 
figure{
	margin:0!important;
}
#about-us>div:nth-child(2) 
	figure.signature img{
	    height: auto;
	width:70%;
		margin:0 15%;
    object-fit: contain;
}

#about-us>div:nth-child(2) 
	img:first-of-type{
	    height: 60vh;
		width:100%;
    object-fit: cover;
}

body.page-template-default{
	
}
body.page-template-default #content .col-full
{
	margin:5vh 5vw;
	max-width:100%;
}
/*****  icons on screen ******/






/*****  icons on screen ******/

/******   splide plugin *******/

div.splide__slide img{
	height:90vh;
	width:auto;
	object-fit:cover;
	transition: .08s linear;
	width:100%;
	padding: 5vh 0 20vh 0;
	box-sizing:border-box;

}
#cocktailrecipes{
	margin-top:15vh!important;
}

.cocktailrecipessplide {
	
}

.cocktailrecipessplide div.splide__list a{
	height:55vh;
	border:1px solid transparent;
	position:initial!important;
	display:initial!important;
}

.cocktailrecipessplide div.splide__slide figure
{
width:100%;
	margin-top:5%!important;
	
	
}
.cocktailrecipessplide
div.splide__slide img{
	padding:0;
	border-radius:2vh;
}

.cocktailrecipessplide div.splide__slide figure img
{
	//object-fit:contain!important;
	width:100%;
	height:55vh!important;
	
}
}
div.zoom-on-hover{
	margin-bottom:10vh!important;
	float:left;

}
.zoom-on-hover div.splide__slide img:hover{
	height:100vh;
	width:auto;
	object-fit:cover;
	transition: .12s linear;
	
	padding: 5vh 0vh 20vh 02vh;
	box-sizing:border-box;
}
div.splide__list,div.splide__list>div{
	height: 90vh;
	
}
.cocktailrecipessplide div.splide__list,.cocktailrecipessplide div.splide__list>div{
	height: initial;
}
div.splide__list>div
{
	    justify-content: center;
	width:25%!important;
	margin-bottom:10vh!important;
}
/*
.wp-block-image figcaption{
	margin:0;
	position:absolute;
	bottom:0%;
	pointer-events:none;
	display:flex;
	flex-direction:column;
	align-items:center;
	
	width:100%;
	font-size:2.5vh;
	line-height:3vh;
	
	color:#000;

}
.wp-block-image figcaption::after{
	content:"See bottle";
	float:left;
	text-align:center;
	
	
	padding:.51vh 2.5vh;
	max-width:40%;
	font-size:1.5vh;
	margin-top:1vh;
	
	text-transform:uppercase;
	border-radius:10vh;
	
	color:#fff;
	background:#000;

	
}
*/
 .entry-content div.splide__list a{
	display:flex;
	 justify-content:center;
	 align-items:center;
	 
	  background:#faefe1;
	
	 position:absolute;
	 z-index:3;
	 top:10vh;
	 height:80vh;
	 	transition:.2s linear;
	 
}
 .entry-content div.splide__list a:hover
{
	transition:.2s linear;
	bottom:10vh;
	background:none;
		
}
/******   splide plugin *******/



/******   slick-slide  *******/


.slick-track>div:not(.slick-current){
	opacity:.4;
}

#carousel-details-button{
	border-radius:10vh;
	text-decoration:none;
	background:#000;
	transition:.41s ease; 
	border:.51vh solid #000; 
	font-size:1.9vh;
}
#carousel-details-button:hover{
background-color:inherit;
	transition:.41s ease;
}
.carousel-title{
	font-size:5vh;
	/*
	transition:  0.3s ease;
	opacity:1;
	*/
}
.cis-bottle-slider{
	padding: 0% 0 10% 0;
}
.cis-bottle-slider
.slick-list{
		    height: 85vh!important;
	}
.cis-bottle-slider img{
	height:80vh;
	width:100%;
	object-fit:contain;
}

/******   slick-slide  *******/



/******   cookies  *******/



div.cky-consent-container{
	width: 100%;
  border-radius: 0px;
	
	left:0;
	bottom:0;
}
div.cky-notice-btn-wrapper{
	    align-items: stretch;
        gap: 1vh;
    margin-top: 3vh;
    flex-direction: column-reverse;

}
div.cky-notice p.cky-title {
    
        font-size: 2vh;
    line-height: 3vh;
    margin: 0 0 1vh 0;
}
div.cky-notice-des p{
	 font-size: 1.6vh;
    line-height: 3vh;
    margin: 0 0 1vh 0;
}
div.cky-consent-container button:not(.cky-btn-accept){
	border-color: #73c044!important;
	color: #73c044!important;
	font-size: 1.7vh;
}
button.cky-btn-accept{
	font-size: 1.7vh;
	   border-color: #73c044!important; 
    background-color: #73c044!important;
}

/******   cookies  *******/



/******   footer  *******/
#nav_menu-2 li{
	width:50%;

	float:left;
}
.footer-widgets.col-4 .block
{
	width:30%;
	margin-right:3.33%!important;
}
.widget{
	margin-bottom:1vh;
	
}
.footer-widgets{
	padding:0;
	border:0;
}
.site-info{
	padding:0;
	font-size:.91vh;
	color:#777;
	letter-spacing:.1vh;
	text-transform:uppercase;
}
.site-footer{
	background-color: #e0d5c3;
	color:#000;

}
.site-footer a{


	text-decoration:none!important;
}
.home .footer-widgets.col-2 .block.footer-widget-2{
	display:none;
}

.site-footer svg{
	color:#000!important;
	padding:5%!important;
	box-sizing:border-box!important;
	margin:5%!important;
	
}

footer .widget_recent_entries ul li, .widget_pages ul li, .widget_categories ul li, .widget_archive ul li, .widget_recent_comments ul li, .widget_nav_menu ul li, .widget_links ul li, .widget_product_categories ul li, .widget_layered_nav ul li, .widget_layered_nav_filters ul li{
	padding:0;
	margin:0;
}

footer .widget_nav_menu ul li::before{
	display:none;
}


/******   footer  *******/






/**immediate quick fixes*/
#woocommerce-product-search-field-1,
.storefront-sorting
{
	display:none;
}

.wp-block-column
{
	margin:0!important;
}
.hentry .entry-content .wp-block-video, .editor-styles-wrapper .wp-block-video {
    margin: 0;
}
:root :where(.is-layout-flex) {
	gap:0!important;
}
.wp-container-core-group-is-layout-2{
	gap:0%;
}


#aboutbanner{
	padding:0% 5% 0% 5%;

}
#aboutbanner,#aboutbanner>div
{
	    min-height: 40vh; 

}
#aboutbanner video{
/*
	border-radius:10vh 0 0 10vh!important;
	*/
}
#aboutbanner>div:first-child img{
	padding:15%;
}
#right-side-curved-edge
{
	
	    border-top-right-radius: 5em!important;
    border-bottom-right-radius: 5em!important;
	
}


#aboutbanner h1{
	line-height:95%;
	margin-bottom:5%;
}
#aboutbanner h4>strong{
	font-weight:100!important;
	font-family:"SuisseIntl-Med",sans-serif;
	
}
#aboutbanner h4{
	text-align:left;
}
#aboutbanner a{
	padding:5% 25%;
	border-radius:10vh;
	
	margin-top:15%;
	text-transform:uppercase;
	
	    width: 25vh;
	

}

:where(.wp-block-group.has-background){
	padding:10%;
	box-sizing:border-box;
	height:60vh;
	width:100%;
}
.hentry .entry-content .wp-block-button, .editor-styles-wrapper .wp-block-button{
	margin:0;
}
.hentry .entry-content .wp-block-button .wp-block-button__link, .editor-styles-wrapper .wp-block-button .wp-block-button__link{
	font-size:1.8vh;
}



/**immediate fixes*/






/*** for wp block editor ***/
.hide-this{
	display:none!important;
}

div.cis_main_blocks
{
	
}



div.cis_main_blocks_components
{
	height:100vh;
	float:left;
	//border:.1vw solid #000;
	width:100%;
	display:flex;
	  

}
div.cis_main_blocks_components h1
{
}


div.alignleft,
div.alignright{
	width:50%;
	padding: 0 2.5vw;
	display:flex;
	flex-direction: column;
    align-items: center;
    justify-content: center;
	margin:0;
}
div.alignleft img,
div.alignright img
{
	    width: auto;
    height: 100%;
}
div.alignleft{
	
	
}
div.alignright{
	    align-items: flex-start;
	padding: 0!important;	
}

div.alignleft video{
	height:60vh;

	width:100%!important;
	object-fit:cover;
}
div.alignleft figure{
	margin:0;
}
div.alignright div.wp-block-buttons{
	   
	
}
div.aligncenter{
	
	
}
div.alignbg{
	
	
}
div.cis_main_blocks_components#hero
{
	background:#FFE361;
	height:70vh;
}
#bannerlogo{
	width:70%;
	height:auto;
}
div.cis_main_blocks_components#hero h1
{
	font-size:7vw;
	letter-spacing:-.5vw;
	margin:0;
		
}
div.cis_main_blocks_components#hero p
{
	font-size:1.6vw;
}
div.cis_main_blocks_components#third
{
    background: #53b3da;

}

div.cis_main_blocks_components h1,
div.cis_main_blocks_components p
{
	color:#000;
}



a.whiteoutlinebuttons{
	color:#fff;
	border:.2vw solid #fff;
	padding:1vw 3vw;
}
a.whiteoutlinebuttons:hover{
	background:#fff;
	color:#345;
}
.medium-sized-photo{
	display:flex;
	    justify-content: center;
}
.medium-sized-photo img{
	height:20vh;
	width:auto;
	
}







/*** for wp block editor ***/




/***   blog    ***/

.bolden-wrapper>h1{
	position:absolute;
	top:20vh;
		right:10vw;
	  animation: fadeInScale .31s ease-in-out;
}
.bolden-wrapper>h5{
	position:absolute;
	top:25vh;
	right:10vw;
	text-align:right;
	 animation: fadeInScale .71s ease-in-out;

}

.archive .bolden-wrapper
,
.bolden-wrapper 
/*
.elementor-shortcode
*/
{
	margin-top:25vh;
	display:grid;
	grid-template-columns: 35% 40% 45%;
	    grid-row-gap: 5%;
	

}

.bolden-squares{
	position:relative;
	width:90%;
	height:50vh;
	
	transition: all 0.1s ease-in-out;
	 border-radius: 0 4vh;
	background:#000000;
	 animation: fadeInScale .51s ease-in-out;
}
.bolden-squares a{

}

.bolden-squares a div{
position:absolute;
	width:100%;
	height:100%;
	padding:5%;
	display:flex;
	    flex-direction: column;
	
   
    justify-content: flex-end;
}
.bolden-squares:hover{
	width:100%;
		
	transform:scale(105%);
	transition: all 0.2s ease-in-out;
	//position:absolute;
	z-index:100;
	    box-shadow: .251vh .451vh .51vh .151vh #00000027;
}
.bolden-squares h1,.bolden-squares span{
	color:#fff;
	opacity:0;
	transition: all 0.1s ease-in-out;
	  width:70%;
}
.bolden-squares:hover h1,
.bolden-squares:hover span{
	color:#fff;
		opacity:2;
transition: all 0.75s ease-in-out;
z-index:1;
	
}
.bolden-squares:hover a div{
	//background:#00000088;
}


.bolden-squares img{
	/*
	width:50vw;
	*/
	width:100%;
	height:100%;
	object-fit:cover;
	    border-radius: 0 4vh;
}

.bolden-squares:hover img{
	opacity:.5;
	transition: all 0.1s ease-in-out;
	
}
.bolden-squares:nth-of-type(7n+1){
	margin-top:-5vh;
}
.bolden-squares:nth-of-type(7n+2){
	
	margin-top:12vh;
	
}
.bolden-squares:nth-of-type(2n-3),
.bolden-squares:nth-of-type(2n-3) img
{
	border-radius:4vh 0 4vh;
	

}
.bolden-squares:nth-of-type(4n+2),
.bolden-squares:nth-of-type(4n+2) img
{
	border-radius:4vh 4vh 0 4vh;
	object-position: 0% 100%;

}
.bolden-squares:nth-of-type(4n+4),
.bolden-squares:nth-of-type(4n+4) img
{

	border-radius:0 4vh 4vh 0;
	/*
	width:35vw;
	*/

}


.bolden-squares:nth-of-type(7n+3){
	margin-left:-22%;
	
}
.bolden-squares:nth-of-type(7n+4){
	margin-left:5%;
	margin-top:-2vh;
		
}

.bolden-squares:nth-of-type(7n+5){
	margin-left:-12%;
	margin-top:12vh;

}

.bolden-squares:nth-of-type(7n+6){
	right:20%;
	margin-top:-6vh;
}


/***   blog    ***/





/*** contact page ***/






div.wpforms-container-full input[type=date], div.wpforms-container-full input[type=datetime], div.wpforms-container-full input[type=datetime-local], div.wpforms-container-full input[type=email], div.wpforms-container-full input[type=month], div.wpforms-container-full input[type=number], div.wpforms-container-full input[type=password], div.wpforms-container-full input[type=range], div.wpforms-container-full input[type=search], div.wpforms-container-full input[type=tel], div.wpforms-container-full input[type=text], div.wpforms-container-full input[type=time], div.wpforms-container-full input[type=url], div.wpforms-container-full input[type=week], div.wpforms-container-full select, div.wpforms-container-full textarea, .wp-core-ui div.wpforms-container-full input[type=date], .wp-core-ui div.wpforms-container-full input[type=datetime], .wp-core-ui div.wpforms-container-full input[type=datetime-local], .wp-core-ui div.wpforms-container-full input[type=email], .wp-core-ui div.wpforms-container-full input[type=month], .wp-core-ui div.wpforms-container-full input[type=number], .wp-core-ui div.wpforms-container-full input[type=password], .wp-core-ui div.wpforms-container-full input[type=range], .wp-core-ui div.wpforms-container-full input[type=search], .wp-core-ui div.wpforms-container-full input[type=tel], .wp-core-ui div.wpforms-container-full input[type=text], .wp-core-ui div.wpforms-container-full input[type=time], .wp-core-ui div.wpforms-container-full input[type=url], .wp-core-ui div.wpforms-container-full input[type=week], .wp-core-ui div.wpforms-container-full select, .wp-core-ui div.wpforms-container-full textarea{
border:0;	
		height:5vh;
		font-size:1.5vh;
}
.wpforms-container .wpforms-form .wpforms-field-sublabel{
	font-size:1.5vh
}
.wpforms-container input.wpforms-field-medium, .wpforms-container select.wpforms-field-medium, .wpforms-container .wpforms-field-row.wpforms-field-medium, .wp-core-ui div.wpforms-container input.wpforms-field-medium, .wp-core-ui div.wpforms-container select.wpforms-field-medium, .wp-core-ui div.wpforms-container .wpforms-field-row.wpforms-field-medium{
	max-width:100%;
		font-size:1.5vh;
	

}
div.wpforms-container-full .wpforms-field-label{
	text-transform:uppercase;
	font-size:1.6vh;
}



div.wpforms-container-full{
	font-family:'SuisseIntl', sans-serif!important;
	width:50vw;
	margin:5% 0 !important;
	
	
}

div.wpforms-container-full button[type=submit]
{
	outline:none;
	border-radius:15vh;
	padding:1vh 5vh ;
	background-color:#000!important;
		font-size:1.6vh;
	height:auto;
}




div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message){
    font-weight: 800;
    font-size: 6vh;
    
    padding: 0;
    line-height: 10vh;	
}
div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) p
{
	color: #000 ! Important;
}


.page-id-2555 .entry-content img{
	position:absolute;
	top:0;
	z-index:-1;
	transform:scaleX(-1);
	right:0;
	height:120vh;
	width:auto;
	    object-fit: cover;
	opacity:.5
}

/*** contact page ***/














.floating-on-product-page{
	position:absolute;
	z-index:3;
}

#paired-lifestyle{
	padding: 0;
	position:relative;
	margin-bottom:5vh;
}

#paired-lifestyle>div>div>div>div{
	height:100%;
	display:flex;
	align-items: flex-end;
    justify-content: center;
	pointer-events:none!important;
}
#paired-lifestyle span.wp-block-cover__background.has-background-dim-0.has-background-dim{
	pointer-events:none!important;
}

#paired-lifestyle img:hover{
	width:150%;
	object-fit: cover;
  border-radius: 2vh;
	    transition: .12s linear;
	margin-left:-25%!important;
	
}

#paired-lifestyle>div>div>div>div>div{
	padding:0!important;
	}
#paired-lifestyle>div:first-child{
	height:auto;

	border-radius:0 0 10vh 10vh;
	padding:1vh 5%;
	display:flex;
	justify-content: center;
	position:absolute;
	top:0;
	
}
#paired-lifestyle>div:first-child>div{
	width:100%;
}

#paired-lifestyle>div:nth-child(2){
	height:auto;
	
}

#paired-lifestyle img{
	
	width:100%;
	    transition: .12s linear;
	object-fit:cover;
	border-radius:2vh;
	pointer-events:all!important;
	
	/**to fix - check makita for scale up on hover**/
}

.wp-block-cover, .wp-block-cover-image{
	padding:0%;
	box-sizing:border-box;
}

#paired-lifestyle>div:first-child {
	padding-top:2.5vh;
}
#paired-lifestyle>.alignfull:nth-child(2) {

	padding-top:14vh;
}
#paired-lifestyle>.alignfull>div {
	width:50%;
	padding:1%;
}
#paired-lifestyle
.alignfull>div a{
	border-radius:5vh;
	width:100%;
	text-transform:uppercase;
	padding:1.2vh 5vh;
	font-size:2vh;
	pointer-events:all!important;
}
#paired-lifestyle
.alignfull{
	padding:5vh;
}
#paired-lifestyle h3{
	font-size:12vh;
	line-height:10vh;
	letter-spacing:-.71vh;
}

#paired-lifestyle h6{
	text-transform:uppercase;
}
#paired-lifestyle .wp-block-cover{
	height:65vh;
	width:100%;
	    align-items: flex-end;
}

.storefront-align-wide.page-template-template-fullwidth-php .hentry .entry-content .alignfull, .storefront-align-wide.storefront-full-width-content .hentry .entry-content .alignfull{
	width:100%;
	margin:0;
}


article.category-recipes.hentry .entry-content .wp-block-button .wp-block-button__link
{
	background:#000;
	color:#fff;

} 

/*****   blog posts   *****/

.single-post #content>.col-full{
	margin:15vh 0;
	max-width:100%;
	padding:0;
}
.single-post .entry-content{
	    margin: 0% 27.5%;
    width: 45%;
    font-size: 120%;
}
.single-post .entry-header
{border:0;}
.single-post .entry-header h1{
	margin:0% 10%;
	width:80%;
	text-align:center;
	font-size:10vh;
	line-height:100%;
}

/*****   blog posts   *****/



/*****   mobile   *****/


	#hnvirl .wp-block-social-links.has-large-icon-size{
		margin-top:5vh;
	}


@media only screen and (max-width: 1024px) {
	/** not working on ipad currently-weird; removing only didnt fix**/
		/* 768 prev*/
	/* 1136 prev*/
	.juicer-feed{
		
	}
	.juicer-feed.slider{
	height:100vh;
	overflow-y:hidden;
	
}

	.juicer-feed .slick-list,
	.juicer-feed.slider ul,
	.juicer-feed.slider ul>li,
	.juicer-feed.slider ul>li>div,
	.juicer-feed.slider ul>li>div>img{
		height:100vh!important;
		//width:100vw!important;
	}
	    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 100% !important;
				
    }
	    .wp-block-columns {
        flex-wrap: nowrap !important;
				    flex-direction: column;

    }
	

	
	
	
	
	
	.postid-207::before,
.postid-208::before,
	.postid-209::before{
		font-size:6vh;
		line-height:5vh;
	}
	
	
	
	
	

	.woocommerce .woocommerce-message{
		margin-top:5vh!important;
	}	
	
	
	
	
.split-divs
{

	min-height:110vh;
	display:flex;


	
}
		
.split-divs *
	{
			text-align:center;
	}
	.split-divs h1{
		    font-size: 10vh;
 
	}

	
div.split-divs img,
div.split-divs figure.wp-block-image,
	
	div.split-divs.text-on-right img,
div.split-divs.text-on-right figure.wp-block-image,
		div.split-divs.events img,
div.split-divs.events figure.wp-block-image
	
{

	width:100vw!important;
	height:50vh!important;
	object-fit:cover;
	
}
	.split-divs.text-on-right>div:first-of-type{
		flex-basis:50vw!important;
	}
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column
	
div.split-divs>div{
	
	flex-basis:50vw!important;
}
.split-divs>div:last-of-type{

	}
div.split-divs#paired-to-your-lifestyle::before{
                border-left: 0vw solid transparent;
        border-right: 222vw solid transparent;
        border-bottom: 15vh solid #EF393A;
        border-top: 0vh solid transparent;
        top: 40vh;
        left: 0vw;
	
}
.split-divs#paired-to-your-lifestyle,
	.split-divs.events
	{
		    display: flex;
    flex-direction: column-reverse;
	}
	.split-divs.text-on-right{
		 display: flex;
		flex-direction: column;
    
	}
	.split-divs.text-on-right>div{
		    flex-basis: 100% !important;
		
	}
.split-divs.text-on-right>div:last-of-type{
		padding:0 0 10vh 0!important;
	    align-content: center;
}
	.split-divs#paired-to-your-lifestyle>div:first-of-type
	{
		padding:0 0 10vh 0!important;
	}
	
	
	
	
	
	
	/*
	
		border-left: 15vw solid ;
	


	border-right: 30vw solid;
	
	

	border-left: 30vw solid ;
	
	*/
	
	
	div.split-divs.text-on-right::before{
        border-right: 0vw solid transparent;
        border-left: 222vw solid transparent;
        border-bottom: 35vw solid  #6A3F99;
        border-top: 0vh solid transparent;
        top: 40vh;
        right: -0vw;
	
}

	
	
	
	
	div.split-divs.events::before{
         border-left: 0vw solid transparent;
        border-right: 222vw solid transparent;
        border-bottom: 15vh solid #73C044;
        border-top: 0vh solid transparent;
        top: 40vh;
        left: 0vw;
	
}
	
	
	
	
	.split-divs>div{
	width:100%!important;
	padding-left:0!important;
}

	.split-divs.events>div:first-of-type{
		padding:2vh 0 4vh 0!important;
	}
	
	.split-divs
div.wp-block-button{
	min-width:50vw;
	margin:0 auto !important;
	}
	
	/***fix for bottle decor***/
	
	
	div.bottle-decor img {
    height: 8vh;
    position: absolute!important;
		width:auto!important;

	}
	
	div.bottle-decor{
		width:100%!important;
		/*
		display:none!important;
		*/
	}
	div.bottle-decor img:nth-of-type(1) {
            height: 16vh;
        top: 65vh !important;
        bottom: 0vh !important;
        left: 21vw !important;
        right: 0!Important;
       
	}
	div.bottle-decor img:nth-of-type(2) {
    height: 12vh;
    top:35vh!important;
		bottom:0;
		left:55vw!important;
		right:0;
	}
	div.bottle-decor img:nth-of-type(3) {
    height: 17vh;
    top:25vh!important;
		bottom:0!important;
		left:15vw!important;
		right:0!Important;
		
	}
	div.bottle-decor img:nth-of-type(4) {
            height: 18vh;
        top: 52vh !important;
        bottom: 0vh !important;
        left: 55vw !important;
        right: 0!Important;
       
	}
	/***fix for bottle decor***/
	.cis-bottle-slider
	.slick-list{
		    height: 45vh!important;
	}
	.cis-bottle-slider img{
		height:40vh;
	}
	
		div.wpforms-container-full:not(:empty),
	div.wpforms-container-full
	{
    
    width: 80vw!important;
    margin: 5% 0 !important;
}
	
	.site-header-cart .cart-contents::after{
			display:flex!important;
		opacity:1!important;
		/**cart vanishes on mobile
		 * */
	}
	#cis-cart-count{
		display:none;
		
	}
	/**cart vanishes on mobile
		 * */
	
	
	
	#aboutbanner h1{
		text-align:center;
	}
	
	h1, h2, h3, h4, h5, h6{
	
	line-height:3.5vh;
		
	
}
		/**  contact us  **/
.page-id-2555 .entry-content
	{
		margin: 25vh 0 0 5%;
		width:90%;
	}
	.elementor-2555 .elementor-element.elementor-element-07ef59f{
		opacity:.3
	}
	
	/**  spotify  **/
	
	
	
	.cis-spotify-carousel .slide{
		    flex-direction: column-reverse;
	
	}
	.cis-spotify-carousel>div.slide.active{
		
	

	}
	.cis-spotify-carousel .slide div.content{
	padding: 0;
        flex: .5;
        max-height: 40vh;
        width: 90%;
        align-items: center;
		    justify-content: flex-start;
		padding-top:1%;
	}
	.cis-spotify-carousel div.slide  div.image{
	flex:.5;	
	        margin-top: 5vh;
        max-height: 50vh;
		
	}
	.cis-spotify-carousel div.slide img{
		    height: 40vh;
		
		
	}
	.cis-spotify-carousel .slide div.content h2{
		font-size:6vh;
		text-align:center;
		
	}
		div.cis-spotify-carousel>.slide>.content>h4{
		
			/**WHY ON EARTH
			 * 
			 
			font-size:1vh!important;
			display:none!important;
			  
			 * */
			text-align:center;
	}
	
	/**  header  **/
	.site-header .site-logo-anchor img, .site-header .site-logo-link img, .site-header .custom-logo-link img{
		margin:0;
	}
	/**  menu  **/
	.toggled .handheld-navigation{
		width:80%
	}
	.main-navigation ul ul{
		margin:0;
	}
	#koala{
		right:3.5vh;
		top:2.5vh;
	}
	/**  about banner  **/
	#aboutbanner{
		padding:5%;
	}
	#aboutbanner>div:first-child img{
		padding:0;
		height:30vh;
		        width: auto;
        margin: 0 auto;
	}
	#aboutbanner>div:nth-of-type(2)>div{
		padding:0;
		align-items:center;
	}
	#aboutbanner h4{
	text-align:center;
}
	/**  bottle-slider  **/
	
	.single-product #content .col-full{
		    margin: 0vh 0%;
		    max-width: 100%;
	}
	.storefront-full-width-content.single-product div.product .woocommerce-product-gallery{
		/*
		width:90vw;
		*/
			width:100%;

		
		margin:0;
		        margin-bottom: -10vh;
	}
	.product_title.entry-title.backup
	/*backup of below*/
	{
		 
    font-size: 13vh;
    line-height: 12vh;
    color: #cdc381;
    text-align: center;
		/*
    padding: 0 0 15vh 0;
		*/
		padding:0;
		margin:0;
   
    width: 100%;
		max-width: 100%;
		
		        height: 55vh;
		
		display:flex;
		        align-items: center;
		
		
		
	}
	    .product_title.entry-title {
        font-size: 12vh;
        line-height: 10vh;
        color: #cdc381;
        text-align: center;
        /* padding: 0 0 15vh 0; */
        padding: 0;
        margin: 0;
        width: 100%;
        max-width: 100%;
        height: 30vh;
        display: flex
;
        align-items: center;
        margin-left: -15vw;
        margin-bottom: 25vh;
				
			
				
				
				
				/**try fix of overflowing text*/
				    position: fixed;
				z-index:-1;
    top: 35vh;
    //width: 150vw;
    max-width: 150vw;
   // left: -15vw;
				padding:15vw;
				font-size:18vh;
				line-height: 16vh;
				justify-content: center;
				
					margin: 0 auto 25vh auto;
				
				/**try fix of overflowing text*/
    }

	div.summary.entry-summary {
		   
		margin: -0vh 0 0 0 !important;
		
	width:96vw!important;
		min-width: 100% !important;
    max-width: 100% !important;
		/*
		display:unset;
		*/
		 background: #faefe1;
		        box-shadow: 1vh 1vh 5vh 20vh #faefe1;
	}
	
section.related.products {
	margin:0;
		    padding-top: 25vh;
    background: #faefe1;
	}

	.cis_primaryflavors{
		margin-top:0%;
	}
	
	.related>h2:first-child{
		text-align:center;
	}
	.related ul{
		    display: flex
;
    justify-items: center;
    text-align: center;
    
    flex-wrap: wrap;
    justify-content: center;
	}
	.woocommerce-product-details__short-description{
		display:flex;
		 flex-direction: column;
		margin:0 2%;
		width:96%;
	}
	.oneof3{
		width:100%;
		margin:0 0 0 0%;
		order:2;
	}
	.threeof3{
		width:100%;
		margin:0 0 0vh 0%;
		order:1;
	}
	/*
	 30vh
	 * */
	.threeof3::after{
		content:'';
		
		min-height:8vh;
		
		float:left;
		
	}

		.postid-204 .threeof3::after{
		min-height:18vh;		
	}
		.postid-206 .threeof3::after{
		min-height:40vh;		
	}
	.postid-210 .threeof3::after{
		min-height:15vh;		
	}
	
		.postid-205 .threeof3::after{
			min-height:13vh;	}
		.Food-Pairings{
			
		position:absolute;
		bottom:0;
			width:95%!important;
			
			
	}
	
	
	.threeof3{
		
	}
	
	
	
	
	
	
	
	
	
	.oneof3>div:not(:last-of-type){
		    margin-bottom: 10% !important;
}
	
	.cis-scale{
		    grid-template-columns: 0 auto 70% auto;
	}
	.cis_primaryflavors strong, .tastingnotes strong{
		margin:0;
	}
	#page, div.product {
    //overflow: unset !important;
		    overflow-y: hidden !important;
}
	.storefront-full-width-content.single-product div.product .woocommerce-product-gallery .wp-post-image{
		/*
		display:none!important;
		*/
		        max-height: 85vh !important;
        min-height: 85vh;
	}
	img.zoomImg{
		    min-height: initial;
		height:60vh!important;
		width:100vw!important;
		        object-fit: contain;
	}
	/*
	.single-product div.product form.cart,
	p.price
	{
		position:fixed;
		bottom:0%;
		background:#00000088;
		backdrop-filter:blur(1vh);
		
		z-index:100;
		height:10vh;
			margin:0!important;
			padding:0!important;
		display: flex
;
        align-items: center;
        justify-content: center;
	}
	*/
	.single-product div.product form.cart{
	        width: auto;
        left: 0;
        order: 1;
        float: right;
        margin: 5vh 0 0% 0%;
        /* margin-left: 50%; */
        padding-right: 5%;
        display: flex
;
        justify-content: flex-end;
	}
	.single-product div.product p.price{
		margin: 0vh 0 0 0;
        width: 90%;
        left: 2%;
        order: 2;
        float: right;
        position: absolute;
        top: 88.5vh;
        
	}
	/****   footer  ****/
	div.block.footer-widget-4>div
	,
	.site-info
	,
	footer
	{
		text-align:center;
	}
	.site-info{
		margin-top:5vh;
	}
	footer .col-full>div{
		display:flex;
		    flex-direction: column;
		align-items:center;
		
	}
	.footer-widgets.col-4 .block{
		width:100%;
		margin:0!important;
	}
	div.block.footer-widget-2{
		order:1
	}
	div.block.footer-widget-1{
		order:2
	}
	.footer-widgets.col-4 a>img{
		width:15vh;
		margin:0 auto;
	}
	
	
	
	
	.wp-block-splide-carousel .splide__slide{
		width:50%!important;
	}
		div.splide__list, div.splide__list>div{
			
			
		}
	.wp-block-splide-carousel .splide__list{
		padding:0vh 0vh 15vh 0!important;
	}
	div.splide__slide img{
		padding:20vh 0
	}
	#cocktailrecipes
{

height:90vh;
padding: 5vh 0 0vh 0;
	box-sizing:border-box;
	display:flex;
	flex-wrap: nowrap;
  justify-content: center;
}
	div.alignleft, div.alignright{
		padding:0;
		width:100%;
		margin:0;
	}
	.handheld-navigation{
		display:none;
	}
	li.product{
		float:left;
		padding:2%!important;
		display:flex;
		        align-items: center;
		min-height:30vh;
		width:50%!important;
		        align-content: center;
	}
	li.product img{
		height:30vh;
		width:auto;
		object-fit:cover;
	}
	.single-product div.product .product_meta{
	font-size:1vh;
}
	#content>.col-full{
		margin:1%;
		max-width:98%;
		
	}
	.single-product .site-content{
margin-top:10vh;	
}
	#paired-lifestyle .alignfull>div{
		min-width:100%;
		
		    
	}
	#paired-lifestyle .alignfull{
		flex-direction: column;
	}
	#paired-lifestyle .wp-block-cover .wp-block-cover__inner-container{
	padding:0!important;
		
}
	#paired-lifestyle .alignfull>div {
		min-height:55vh!important;
	}
	#page,div.product
{
	overflow-x:hidden!important;
}
	
	/*ken carousel*/
	div.arrow-left {
    left: 8%!important; /* Bring closer on tablets */
  }
  div.arrow-right {
    right: 8%!important;
  }
	.arrow-left, .arrow-right{
		
	}
	
	div.carousel-arrows{
		/*
		width:90%!important;
		left:5%!important;
		justify-content:space-between;
		*/
	}
	.carousel-title{
		line-height:110%;
		margin-bottom:5%;
		font-size:7vh;
	}
	.slider .item{
		max-width:33vw;
		
		
	}
	
	
	#about-us-mobile{
	display:block;
	margin-top:5vh!important;	
}
	#about-us-mobile figure.signature img{
		height:auto;
		width:65%;
		float:left;
		display:block;
	margin:0 17.5%;
	}
	#about-us-mobile h2{
		font-size:7vh;
		line-height:initial;
	}
		#about-us-mobile p{
		font-size:3vh;
		line-height:initial;
	}
	#about-us-mobile *:not(br){
		margin-bottom:5%;
	}
	#about-us{
	display:none;
}
	
	
	.archive .bolden-wrapper, .bolden-wrapper 
	/*
	.elementor-shortcode
	*/
	{
		    grid-template-columns: 70% 75%;
		grid-row-gap:1%;
		grid-column-gap:0;
		margin-left:-1%;
	}
	.bolden-squares h1, .bolden-squares span{
		width:90%;
		line-height:90%;
	}
	.bolden-squares:nth-of-type(odd)
	{
    margin-left: 2%;
}
	.bolden-squares:nth-of-type(even)
	{
   
		right:45%!important;
		transform-origin:right;
		
}
	
	
	.bolden-squares:nth-of-type(3n-1) {
		margin-top: 12vh;
	
	}
	.bolden-squares:nth-of-type(4n-1) {
		margin-left: 0vh;
		top:5%;
	}
	.bolden-squares:nth-of-type(5n-1) {
		right:15%;
	
		top:-5%;
		width:100%;
		
	}
	.bolden-squares img{
		width:auto;
		
	}
	/*blog posts*/
	.single-post .entry-header h1{
		font-size:6vh;
		width:100%;
		margin:0;
	}
	.single-post .entry-content{
		width:95%;
		margin:0 2.5%;
	}

	
	
}


@media (max-width: 480px) {
  .carousel-arrows {
		/*
    display: none; /* Hide arrows on mobile */
  }
}
	


/*****   mobile   *****/


/********   find us   ********/
.page-id-4378
.entry-content
{
	margin-top:25vh;
	
}
.page-id-4378
h1{
	line-height:5vh!important;
}
/********   find us   ********/



div.n2_clear *{
	font-family:inherit!important;
	font-weight:inherit!important;
	
	font-size:6vh;
	line-height:95%!important;
	
	
}
		

div.n2_clear img


{
	height:70vh!important;
	width:40vw!important;
	object-fit:cover;
}

.n2-ss-slider-2.n2-ow>div>div>div>div>div
{
	height:100vh!important;
}


div.n2_clear a{
	    border-radius: 5vh !important;
	margin-top:10%;
		font-size:2.5vh!important;	
}
div.n2_clear h1{
	margin-top:5%!important;	
	font-size:110%;
}
div.n2_clear
p{
	font-size:3vh!important;	
}






#metaslider-id-327{
	width:70%!important;}

/*

.metaslider li.ms-image{
	width:20vh!important;
}
.metaslider li.flex-active-slide{
width:100%!important;
}
*/
#fourth{
	    flex-direction: column;
}
.metaslider.ms-theme-clarity .flexslider .caption-wrap .caption {
	padding:0!important;
}
.metaslider.ms-theme-clarity .flexslider .slides li{
	background-color:initial!important;

}
/*
#metaslider-id-327{
	width:80vw!important;
	height:70vh;
	background:blue;
}
.metaslider.ms-theme-clarity .flexslider .slides{
	display:flex;
	    align-items: center;
}
.metaslider.ms-theme-clarity .flexslider .slides li{
	width:20vw!important;
	
	height:40vh;
	background-color:initial!important;
border:1px solid
}
.metaslider.ms-theme-clarity .flexslider .slides li.flex-active-slide{
	height:60vh
}
.metaslider.ms-theme-clarity .flexslider .slides li img{
	
	height:40vh;
	    width: fit-content;
}
*/

#fourth{
	  justify-content: center;
    align-items: center;
	//background:#443574;
	height:110vh;
	
}
#fourth h1{
	margin:0;
	color:#345
}
#sixth{
	  justify-content: center;
    align-items: center;
	background:#443574;
	    flex-direction: column;
	
}
#sixth>h1{
	margin:0;
	height:30%;
	display:flex;
	 justify-content: center;
    align-items: center;
		
}
#sixth>div{
	height:70%;
	width:100%;
}
#sixth>div>div{
	height:100%;
}



















.eBYFaL {
    display: flex;
    flex-flow: row;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 1vw;
}

.cztTQK {
    display: flex;
    flex-direction: row;
    flex: 1 1 0%;
    -webkit-box-pack: center;
    justify-content: center;
}

.gcYtIj {
    flex-direction: row;
    flex: 1 1 0%;

    max-width: 20%;
    min-width: 20%;
	
	
	
    height: 2vw;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    cursor: pointer;
}
div.sc-cIbcTr.klxbnS
{
	width:80%;
}
.eLheIO {
    height: 2vw;
    border-radius: 2vw;
    width: 100%;
    background-color: rgb(255, 255, 255);
    position: relative;
    z-index: 1;
	border:1px solid;
}


.frlrAN:first-child {
    text-align: left;
}


.frlrAN {
    margin-top: 1vw;
    display: inline-block;
    flex: 1 1 0%;
    min-width: 5vw;
    text-align: center;
}
.frlrAN:last-child {
    text-align: right;
}

.bnRnhB {
    display: flex;
    flex-direction: row;
    flex: 1 1 0%;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.sc-eGXxtx.dXXZjD
{
	font-size:2vw;
	font-weight:600;
	margin-bottom:2vw
}













/* ken--carousel from homepage */



div.slick-initialized div.slick-slide
{
	    display: flex
;
justify-content: center;

}


/* General styles for the slider */
.slider .item {
  //transition: transform 0.5s ease-in-out; /* Smooth scaling effect */
  max-width: 100%; 
  height: auto;   
  display: block;
  margin: 0 auto; 
}

/* Shrink all images */
.slider .item img {
  transform: scale(0.7); /* Shrink non-center images */
  transition: transform 0.45s ease-out; /* Smooth scaling effect */
}

/* Enlarge the center image */
.slider .slick-center img {
  transform: scale(1.1); /* Enlarge center image */
  z-index: 10; /* Bring the center image to the front */
	 transition: transform .65s ease-in-out .5s; /* Smooth scaling effect */
}

.carousel-button-container {
  text-align: center;
  margin-top: -2%;
}

.details-button {
  display: inline-block;
  padding: 10px 20px;
  font-size: 16px;
  color: white;
  background-color: #007bff;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}

.details-button:hover {
  background-color: #0056b3;
}

.cis-bottle-slider {
  position: relative; /* Set the parent container as relative for absolute positioning */
}

/* carousel arrows */
.carousel-arrows {
    position: absolute;
    top: 0;
    left: 0 !important;
    pointer-events: none;
    z-index: 1000;
    /* transform: translateY(-50%); */
    display: flex;
    justify-content: center;
   
	 
    
    align-items: center;
    align-content: center;
    height: 100%;
	 gap: 20vw;
	width:100%;
  /*
    width: 19vw;
	margin: 0 40vw!important;
	*/
   
	

}
.carousel-arrows>div:hover{
	
	font-size: 20vh; 
transition:  .2s ease-in-out; 
}
.carousel-arrows>div{
	 
transition:  .2s ease-in-out; 
}
.arrow-left,
.arrow-right {

 // position: absolute;
  color: #00000055; /* Pure black arrow color */
  font-size: 17vh; 
	line-height:15vh;
  background: transparent !important; /* Fully transparent background */
  border: none; /* Remove borders */
  outline: none; /* Remove any focus outline */
  cursor: pointer;
  pointer-events: auto; /* Allow clicks */
  transition: color 0.3s ease; /* Smooth color transition */
	margin:0!important;
}

/* Position arrows very close to the center image */
.arrow-left {
  left: 40vw; /* Closer to the center */
  transform: translateX(-50%) translateY(-50%);
}

.arrow-right {
  right: 42vw; /* Closer to the center */
  transform: translateX(50%) translateY(-50%);
	margin-right:2vw;
}

/* Hover effects */
.arrow-left:hover,
.arrow-right:hover {
  color: #333;
}









.cis-bottle-slider button.slick-prev, .cis-bottle-slider button.slick-next {display:none!important;}



/* ken-slick-slider-carousel 
.slick-list{
	height:75vh;
}
/*
.slick-prev, .slick-next {
  font-size: 24px; 
  color: #333; 
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 20;
  cursor: pointer;
}

.slick-prev {
  left: 10%; 
}

.slick-next {
  right: 10%; 
}


.slick-prev:hover, .slick-next:hover {
  background-color: #007bff;
  color: #fff;
  border-color: #007bff;
}

/* ken end */











/******  spotify   ******/



	.cis-spotify-wrapper{
		position: relative;
		width: 100%;
    height: 100vh;
	}	

.cis-spotify-carousel {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
background:#fdba4d;
    transition: background-color 0.5s ease; 
}
.cis-spotify-carousel .slide {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 0;
padding:5% 0 5% 5vw;
box-sizing:border-box;
}
.cis-spotify-carousel .slide .content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 5% 5vw;
    color: #000000; 
    z-index: 1; 
    opacity: 0;
    transition: opacity 0.5s; /* Apply fade effect */
}
.cis-spotify-carousel .slide .content h2 {
    margin: 0 0 1vh 0;
    font-size: 10vh;
    line-height: 100%;
    font-weight: 600;
   letter-spacing: -.1vh;
}
.cis-spotify-carousel .slide .content h4
{
	    font-family: "SuisseIntl-Med", sans-serif;
}


.cis-spotify-carousel .slide .content a {
    margin-top: .5vh;
    color: white;
    text-decoration: none;
    background-color: #000;
    padding: 1vh 3vh;
    

    border-radius: 5vh;
    font-size: 2.5vh;
}
.cis-spotify-carousel .slide .image {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden; 
    position: relative; /* Ensure stacking */
}
.cis-spotify-carousel .slide img {
    max-width: 80%;
    transition: transform 0.5s;
    border: 1.2vh solid white;
    box-shadow: 0 1vh 2vh rgba(0,0,0,29%);
    position: absolute;
    height:70vh;
    width: 100%;
    object-fit: cover;


	border:0;
	border-radius:2vh;






}
.cis-spotify-carousel .active .content {
    opacity: 1; /* Show content */
}
.cis-spotify-carousel-dots {
        display: flex;
    justify-content: center;
    margin-bottom: 0;
    position: absolute;
    flex-direction: column;
    gap: 1vh;
    left: 1%;
    z-index: 10;
	height:100vh;
    top: 0;
}
.cis-spotify-carousel-dots .dot {
    width: 2vh;
    height: 2vh;
    margin: 0 2vh;
    background-color: #00000045;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    transition: background-color 0.3s;
}
.cis-spotify-carousel-dots .dot.active {
    background-color: #000;
}


/******  spotify   ******/











/****   from Customize  23 06 2025 Stable V 1.0  ****/
















@media (max-width: 768px){
	

}