/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* ****************************************
	Author: Florian Meyer
	Author URI: https://www.sprey.fr
	Copyright 2023
	CUSTOM FM
**************************************** */

:root {
    --cocktail-img-max-height: 300px; /* Default value */
}

img {
  pointer-events: none;
}

.display-none{
	display:none !important;
}

header{
    z-index: 20 !important;
}

html :where(.has-border-color),
html :where([style*="border-color"]) {
    border-style: none !important;

}


body {
	--color-sprey: #0101D3;
	
	--medium-screen-width-min: 1025px;
	--medium-screen-width-max: 1024px;
	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


h1,h2,h3,h4, .button__label{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


#main, .wrapper_blank #main {
    background-size: cover;
}

.animations {
    will-change: transform;
}


.welcome {
	text-shadow: 0 0 39px black;
}


.age-gate__additional-information a {
	color: white;
	text-decoration: underline;
}





/* Display none des elements de OUR RANGE pour la version FR */

[lang="fr-FR"] .fusion-column-wrapper .align-title .products-link  a {
    display: none;
}

[lang="fr-FR"] .our-range-container {
    display: none;
}

/*
:not([lang="fr-FR"]) .fusion-column-wrapper .align-title .products-link  a {
    display: inline-block;
}
*/

/* TOTOP CHANGES */


 .to-top-container #toTop.fusion-top-top-link::before{
    font-size: 40px;
     color: white;
     z-index: 100;
}

.to-top-container {
	position: fixed;
    mix-blend-mode: difference;
    z-index: 100;
}

body .to-top-right #toTop {
    right: 30px;
}


/* EFFACER LES 2 BLOCS DUKE ET CLAN DE LA VERSION FR */

[lang="fr-FR"] .spirit-of-clan:nth-of-type(2), [lang="fr-FR"] .spirit-of-clan:nth-of-type(3) {
    display: none;
}

:not([lang="fr-FR"]) .abus-alcool {
    display: none;
}

[lang="fr-FR"] .fusion-footer .abus-alcool {
    display: block;
}

[lang="fr-FR"] .insta-int {
    display: none;
}

[lang="fr-FR"] .fusion-footer .insta-fr {
    display: block;
}

:not([lang="fr-FR"]) .insta-fr {
    display: none;
}


/*
  _    _ ______          _____  ______ _____  
 | |  | |  ____|   /\   |  __ \|  ____|  __ \ 
 | |__| | |__     /  \  | |  | | |__  | |__) |
 |  __  |  __|   / /\ \ | |  | |  __| |  _  / 
 | |  | | |____ / ____ \| |__| | |____| | \ \ 
 |_|  |_|______/_/    \_\_____/|______|_|  \_\   
*/


.burger-menu a{
    display: flex;
}


.products-link{
	display: inline-flex;
    align-items: center;

}




.align-title h1{
	margin: 0;

}

.align-title{
    display: flex;
    align-content: center;
    justify-content: center;
    text-align: center;
}


.fusion-fullwidth .fusion-builder-row .home-front{
    position: absolute;
    left: 0;
    bottom:0;
    right: 0;
    height: 100vh;
    background-image: url('/wp-content/uploads/2024/12/Home-front-mobile.png');
    background-size: cover; 
    background-position: bottom center; 
    background-repeat: no-repeat; 
}


.fusion-fullwidth .fusion-builder-row .home-front-desktop{
    position: absolute;
    left: 0;
    bottom:0;
    right: 0;
    height: 100vh;
    pointer-events: none;
    background-image: url('/wp-content/uploads/2024/12/Home-front.png');
    background-size: cover; 
    background-position: bottom center; 
    background-repeat: no-repeat; 
}


.home-header h1 p{
    margin-bottom: 2px;
}



.header-clan{
     mix-blend-mode: difference;
}

@media only screen and (max-width: 800px) {
	
h1,h2,h3,h4{
	line-height: 0.9 !important;
}
	
	
.fusion-body #wrapper .fusion-page-title-bar .fusion-fullwidth .fusion-title .fusion-title-heading {
	padding-top: 30px;
}
	
.home-header{
    height: 100vh !important;
}


.products-link .fontawesome-icon.fb-icon-element.circle-yes {
	width: auto;
	

}



}

#home[style*="position:relative;top:-1px;"] ~ header .header-clan {
        mix-blend-mode: normal;
    }
    
    
    
.fusion-tb-page-title-bar .page-title-bar{
    min-height: 300px;
    max-height: 300px;
}

/*
  __  __ ______ _   _ _    _ 
 |  \/  |  ____| \ | | |  | |
 | \  / | |__  |  \| | |  | |
 | |\/| |  __| | . ` | |  | |
 | |  | | |____| |\  | |__| |
 |_|  |_|______|_| \_|\____/  
*/


.awb-menu__main-a, .menu-text {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*
.awb-menu__main-a, .menu-text {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-stroke: 0.75px white;
	transition: -webkit-text-stroke-color 0.22s ease-in-out;
}

.awb-menu__main-li_regular.current-menu-item .awb-menu__main-a_regular , .awb-menu__main-a:hover, .menu-text:hover {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    transition: -webkit-text-stroke-color 0.22s ease-in-out;
}
*/


.off-canvas-content .awb-menu_v-stacked .awb-menu__main-li{
	padding-top: 12px;
	padding-bottom:12px;
	line-height: 1;
}

@media only screen and (max-height: 1000px) {
	.off-canvas-content .awb-menu__main-a, .off-canvas-content .menu-text {
		font-size: 80px;
	}

}

@media only screen and (max-height: 800px) {
	.off-canvas-content .awb-menu__main-a, .off-canvas-content .menu-text {
		font-size: 60px;
	}

}

@media only screen and (max-width: 800px) {
	.off-canvas-content .awb-menu__main-a, .off-canvas-content .menu-text {
		font-size: 50px;
	}

}

@media only screen and (max-width: 600px) {
	.off-canvas-content .awb-menu__main-a, .off-canvas-content .menu-text {
		font-size: 40px;
	}

}



/*
 __      _______ _____  ______ ____  
 \ \    / /_   _|  __ \|  ____/ __ \ 
  \ \  / /  | | | |  | | |__ | |  | |
   \ \/ /   | | | |  | |  __|| |  | |
    \  /   _| |_| |__| | |___| |__| |
     \/   |_____|_____/|______\____/          
*/







/* Video Overlay Container */
.video-overlay-container {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1;
}

/* Overlay styling */
.overlay {
  display: none; /* Ensure it's not displayed initially */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index:0;
  justify-content: center;
  align-items: center;
  pointer-events: none; /* Prevent interaction when hidden */
}

.overlay.active {
  display: flex; /* Display overlay when active */
  pointer-events: auto; /* Allow interaction when active */
}

.overlay-content {
  position: relative;
  width: 90%;
  height: 90%;
}

.overlay-content iframe {
  border-radius: 20px;
  width: 100%;
  height: 100%;
  border: none;
}

.close-button {
  position: absolute;
  top: 40px;
  right: 40px;
  background-color: #ffffff42;
  color: white;
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 30px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.close-button:hover {
  background-color: #ffffff70;
}



/*MOBILE */

/* Mobile Video Container */
.mobile-video-container {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

/* Mobile Play Button */
.mobile-video-button {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background-color: transparent;
  color: white;
  font-family: var(--awb-typography1-font-family);
  text-transform: uppercase;
  font-size: 24px;
  font-weight: bold;
  padding: 10px 30px;
  border-radius: 100px;
  border: 3px solid white;
  cursor:pointer;
}

/* Mobile Video Overlay */
.mobile-video-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1000;
  justify-content: center;
  align-items: center;
}

/* Overlay Content */
.mobile-overlay-content {
  position: relative;
  width: 90%;
height:70%;
}

.mobile-overlay-content iframe {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 20px;
}

/* Close Button */
.mobile-close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #ffffff42;
  color: white;
  border: none;
  border-radius: 50%;
  width: 30px !important;
  height: 30px !important;
  font-size: 20px;
  line-height: 0;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mobile-close-button:hover {
  background-color: #ffffff70;
}



/* A CLAN LEAD BY ITS CORE VALUES*/


.invert-btn .button{
	filter: invert(1);
}

.fusion-video.fusion-youtube .video-shortcode{
    max-width: 100%;
    max-height: 100%;
    
}
.video-shortcode .fluid-width-video-wrapper{
    position: inherit;
}

.spirit-of-clan .blur-bg-image-container {
    position: absolute;
    width: 100%;
    height: 100%;
    backdrop-filter: none; /* Initial state */
    z-index: 0;
    transition: backdrop-filter 0.5s ease-in-out; /* Smooth transition for blur */
}

.spirit-of-clan .video-wrapper {
	pointer-events: none;
    transition: opacity 0.5s ease-in-out; /* Smooth transition for opacity */
    z-index: 2;
}

.spirit-of-clan .video-wrapper video {
    transition: opacity 0.5s ease-in-out; /* Smooth transition for opacity */
}




















/*
  _______ _____ _______ _      ______  _____ 
 |__   __|_   _|__   __| |    |  ____|/ ____|
    | |    | |    | |  | |    | |__  | (___  
    | |    | |    | |  | |    |  __|  \___ \ 
    | |   _| |_   | |  | |____| |____ ____) |
    |_|  |_____|  |_|  |______|______|_____/   
*/






/*
  __  __          _____   ____  _    _ ______ ______ 
 |  \/  |   /\   |  __ \ / __ \| |  | |  ____|  ____|
 | \  / |  /  \  | |__) | |  | | |  | | |__  | |__   
 | |\/| | / /\ \ |  _  /| |  | | |  | |  __| |  __|  
 | |  | |/ ____ \| | \ \| |__| | |__| | |____| |____ 
 |_|  |_/_/    \_\_|  \_\\___\_\\____/|______|______|
    
*/                                                 
                                                     






.marquee, .marquee2{
    font-family: var(--awb-typography1-font-family);
    padding-bottom: 0 !important;
    line-height: 0.8 !important;
    	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

}

.marquee { 
	position: relative;
	background: transparent;
	padding: 10px 0; 
	font-size: 120px;
	overflow: visible;
	margin-left: 50vw;
}

.marquee__inner{
display: flex;
width: fit-content;
flex: auto;
flex-direction: row;
}

.marquee__part{
	display: flex;
	align-items: center;
	flex-shrink: 0;
	padding: 0 20px;
}


.marquee2 { 
	position: relative;
	background: transparent;
	padding: 10px 0; 
	font-size: 120px;
	overflow: visible;
	margin-left: 50vw;
}

.marquee__inner2{
display: flex;
width: fit-content;
flex: auto;
flex-direction: row;
}

.marquee__part2{
	display: flex;
	align-items: center;
	flex-shrink: 0;
	padding: 0 20px;
}



@media only screen and (max-width: 800px) {
	.marquee, .marquee2{
    font-size: 60px;
}
}




/*
   _____ ____   _____ _  _________       _____ _        _____ __  __  _____ 
  / ____/ __ \ / ____| |/ /__   __|/\   |_   _| |      |_   _|  \/  |/ ____|
 | |   | |  | | |    | ' /   | |  /  \    | | | |        | | | \  / | |  __ 
 | |   | |  | | |    |  <    | | / /\ \   | | | |        | | | |\/| | | |_ |
 | |___| |__| | |____| . \   | |/ ____ \ _| |_| |____   _| |_| |  | | |__| |
  \_____\____/ \_____|_|\_\  |_/_/    \_\_____|______| |_____|_|  |_|\_____|
                                                                            
  
*/                                                                          



.fusion-fullwidth .fusion-builder-row .front-cocktail {
    position: absolute;
    top: 0; 
    left: 0;
    right: 0;
    height: 900px;
    background-image: url('/wp-content/uploads/2024/07/cocktail-marquee-front-v2.png');
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat; 
    padding-bottom: 50px;
}



.back-cocktail{
    height: 900px;
}

.back-cocktail .marquee{
    margin-top: 350px;
}



.cocktail-img img{
    border-radius: 15px;
    object-fit: cover;
    max-width: 100%;
    max-height: var(--cocktail-img-max-height);
}



@media only screen and (max-width: 1020px) {


}

@media only screen and (max-width: 800px) {
.fusion-fullwidth .fusion-builder-row .front-cocktail {
    position: absolute;
    top: 0; 
    left: 0;
    right: 0;
    height: 400px;
    background-image: url('/wp-content/uploads/2024/07/cocktail-marquee-front-v2.png');
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat; 
    padding-bottom: 10px;
}



.back-cocktail{
    height: 400px;
}

.back-cocktail .marquee{
    margin-top: 100px;
}


}



/*
.steps-cocktail ol li::marker{
    font-family: var(--awb-typography1-font-family);
    font-size: 50px;
}

.steps-cocktail ol li{
    padding-left: 20px;
    border-bottom: 2px solid var(--awb-color2);
    padding-bottom: 20px
}


.steps-cocktail ol{
    display: flex;
    flex-direction: column; 
    justify-content: center;
}

.steps-cocktail ol li:last-child{
    border-bottom: 0px solid var(--awb-color2);
}
*/


.steps-cocktail ol {
  list-style-type: none;
  counter-reset: my-counter;
  padding-left: 0;
}

.steps-cocktail ol li {
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 2px solid var(--awb-color2);

}

.steps-cocktail ol li:last-child{
    border-bottom: 0px solid var(--awb-color2);
}

.steps-cocktail ol li::before {
  content: counter(my-counter);
  counter-increment: my-counter;
  position: relative;
  left: 0;
  padding-right: 20px;
  font-family: var(--awb-typography1-font-family);
  font-size: 50px;
}

.steps-cocktail ol li::marker {
  display: none;
}

.steps-cocktail ol li div {
  flex-grow: 1;
  text-align: center;
}



/*
  ____  _    _ _______ _______ ____  _   _  _____ 
 |  _ \| |  | |__   __|__   __/ __ \| \ | |/ ____|
 | |_) | |  | |  | |     | | | |  | |  \| | (___  
 |  _ <| |  | |  | |     | | | |  | | . ` |\___ \ 
 | |_) | |__| |  | |     | | | |__| | |\  |____) |
 |____/ \____/   |_|     |_|  \____/|_| \_|_____/        
*/



button {
  color: currentColor;
}

.button {
  font-family: var(--button_typography-font-family);
  text-transform: uppercase;
  align-items: center;
  background: 0 0;
  border: none;
  border-radius: 6.25rem;
  color: white;
  cursor: pointer;
  display: inline-flex;
  font-size: 24px;
  letter-spacing: 1px;
  gap: 0.363636em;
  justify-content: center;
  line-height: 1.04545;
  overflow: hidden;
  padding: 0.9375rem 1.5rem;
  position: relative;
  text-decoration: none;
  word-break: break-word;
  text-decoration: none;
  
}

@media (hover: hover) {
  .button.button--stroke:hover {
    color: black;
    text-decoration: none;
  }
}

.button--stroke:after {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.button--stroke:after {
  border: 0.125rem solid white;
  border-radius: 6.25rem;
  content: "";
  pointer-events: none;
}

.button__label {
  position: relative;
  text-align: center;
  transition: color 50ms var(--ease-in-out-quart);
}

.button--stroke:hover .button__label {
  transition: color 0.15s var(--ease-in-out-quart);
}

.button__flair {
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}

.button--stroke .button__flair {
  transform: scale(0);
  transform-origin: 0 0;
  will-change: transform;
}

.button__flair:before {
  aspect-ratio: 1/1;
  background-color: white;
  border-radius: 50%;
  content: "";
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%);
  width: 170%;
}





/*
           _____ ______    _____       _______ ______ 
     /\   / ____|  ____|  / ____|   /\|__   __|  ____|
    /  \ | |  __| |__    | |  __   /  \  | |  | |__   
   / /\ \| | |_ |  __|   | | |_ | / /\ \ | |  |  __|  
  / ____ \ |__| | |____  | |__| |/ ____ \| |  | |____ 
 /_/    \_\_____|______|  \_____/_/    \_\_|  |______|
                                                      
                                                      
*/


.age-gate__wrapper .age-gate{
	max-width: 70vw;
}

.age-gate__buttons button{
	width: 175px;
	background-color: transparent;
	border-radius: 50px;
	padding: 10px 15px;
	border: 2px solid white;
	font-family: var(--awb-typography1-font-family);
	font-size: 35px;
	font-weight: normal;
	text-transform: uppercase;
}


.age-gate__buttons button:hover{
	background-color: white;
	border-radius: 50px;
	padding: 10px 15px;
	border: 2px solid white;
	font-family: var(--awb-typography1-font-family);
	font-weight: normal;
	font-size: 35px;
	color: black;
	text-transform: uppercase;
}

.age-gate__challenge{
	margin-top: 10px;
	margin-bottom: 30px;
	font-family: var(--awb-typography1-font-family);
	font-size: 60px;
	line-height: 1;
}

.age-gate-heading-title, .age-gate__heading-title{
	margin-top: 10%;
}


.age-gate__headline {
	font-size: 100px;
	color: white;
	margin-bottom: 0;
	font-weight: normal;
	letter-spacing: normal;
	text-transform: uppercase;
}

.age-gate__remember-text{
	font-family: var(--awb-typography1-font-family);	
	font-size: 25px;
	color: white;
	text-transform: uppercase;
}



@media only screen and (max-width: 1020px) {
	
	.age-gate__headline{
	font-size: 80px;
}
	
	.age-gate__challenge{
	font-size: 30px;
}



.age-gate__buttons button{
	width: 185px;
	font-size: 30px;
}


.age-gate__buttons button:hover{
	font-size: 30px;
}





}


@media only screen and (max-width: 800px) {
	
	.age-gate__wrapper .age-gate{
	max-width: 80vw;
}
	
	.age-gate__headline {
	font-size: 80px;
}

.age-gate__challenge{
	font-size: 30px;
}

.age-gate__buttons button{
	width: 185px;
	font-size: 25px;
}


.age-gate__buttons button:hover{
	font-size: 25px;
}

.age-gate__wrapper .age-gate{
	
	margin: 0;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
}



}



/*
   _____ ______ _____        _____         _______ ____  _____  
  / ____|  ____|  __ \ /\   |  __ \     /\|__   __/ __ \|  __ \ 
 | (___ | |__  | |__) /  \  | |__) |   /  \  | | | |  | | |__) |
  \___ \|  __| |  ___/ /\ \ |  _  /   / /\ \ | | | |  | |  _  / 
  ____) | |____| |  / ____ \| | \ \  / ____ \| | | |__| | | \ \ 
 |_____/|______|_| /_/    \_\_|  \_\/_/    \_\_|  \____/|_|  \_\
 */
 
 
 
 
 /*
   _____ ____  _   _ _______ ______ _   _ _______ 
  / ____/ __ \| \ | |__   __|  ____| \ | |__   __|
 | |   | |  | |  \| |  | |  | |__  |  \| |  | |   
 | |   | |  | | . ` |  | |  |  __| | . ` |  | |   
 | |___| |__| | |\  |  | |  | |____| |\  |  | |   
  \_____\____/|_| \_|  |_|  |______|_| \_|  |_|          
*/

.whisky-template-default{  
    background-image: url('/wp-content/uploads/2024/06/tartan-gris.png');
    background-size: contain; 
    background-position: top; 
    background-repeat: repeat-y;
}

@media only screen and (max-width: 800px) {
.fusion-image-element .our-range-bottles{
	max-width: 150px;
}

}


.products-cards .fusion-text p{
    margin-bottom: 10px;
}


.fusion-column-wrapper.fusion-empty-column-bg-image.fusion-column-has-bg-image > img { display: none; }





/*
	
  _    _  ____  _____     _____  _____ _____   ____  _      _      
 | |  | |/ __ \|  __ \   / ____|/ ____|  __ \ / __ \| |    | |     
 | |__| | |  | | |__) | | (___ | |    | |__) | |  | | |    | |     
 |  __  | |  | |  _  /   \___ \| |    |  _  /| |  | | |    | |     
 | |  | | |__| | | \ \   ____) | |____| | \ \| |__| | |____| |____ 
 |_|  |_|\____/|_|  \_\ |_____/ \_____|_|  \_\\____/|______|______|
                                                                   
                                                                   
*/

.hor-element{
    min-height: 100vh;
    max-height: 100vh;
    min-width: 100vw;
}

.hor-element .fusion-column-wrapper .fusion-builder-row{
	height: 100%;
}



/*
  _____   ____  _____ _______ ______ ____  _      _____ ____  
 |  __ \ / __ \|  __ \__   __|  ____/ __ \| |    |_   _/ __ \ 
 | |__) | |  | | |__) | | |  | |__ | |  | | |      | || |  | |
 |  ___/| |  | |  _  /  | |  |  __|| |  | | |      | || |  | |
 | |    | |__| | | \ \  | |  | |   | |__| | |____ _| || |__| |
 |_|     \____/|_|  \_\ |_|  |_|    \____/|______|_____\____/ 
                                                              
*/




/*
   _____ ____   _____ _  _________       _____ _         _____          _____  _____  
  / ____/ __ \ / ____| |/ /__   __|/\   |_   _| |       / ____|   /\   |  __ \|  __ \ 
 | |   | |  | | |    | ' /   | |  /  \    | | | |      | |       /  \  | |__) | |  | |
 | |   | |  | | |    |  <    | | / /\ \   | | | |      | |      / /\ \ |  _  /| |  | |
 | |___| |__| | |____| . \   | |/ ____ \ _| |_| |____  | |____ / ____ \| | \ \| |__| |
  \_____\____/ \_____|_|\_\  |_/_/    \_\_____|______|  \_____/_/    \_\_|  \_\_____/ 
                                                                                      
                                                                                      
*/

.cocktail-card .fusion-image-wrapper a {
	display: flex;
}


/*
.cocktail-card .button {
	margin-top: 0px;
    opacity: 0;
    height: 0;
    padding: 0 0;
    overflow: hidden;    
    transition: all 0.4s ease-in-out;
}

.cocktail-card:hover .button {
	margin-top: 30px;
	padding: 0.9375rem 1.5rem;
    opacity: 1;
    height: auto;
    transition: all 0.4s ease-in-out;
    filter: invert(1);
}

.cocktail-card {
    max-height: calc(110vw/4);
    transition: all 0.4s ease-in-out;
}

.cocktail-card .fusion-image-wrapper {
    transition: all 0.4s ease-in-out;
}
*/


.cocktail-card .button {
    opacity: 0;
    height: 0;
    padding: 0;
    margin-top: 0;
    overflow: hidden;    
    transition: all 0.4s ease-in-out;
}

.cocktail-card:hover .button {
    margin-top: 30px;
	padding: 0.9375rem 1.5rem;
    opacity: 1;
    height: 70%;
    transition: all 0.3s ease-in-out;
    filter: invert(1);
}

.cocktail-card {
    max-height: calc(110vw/4);
    transition: all 0.3s ease-in-out;
}

.cocktail-card .fusion-image-wrapper {
    transition: all 0.3s ease-in-out;
}






@media only screen and (max-width: 1020px) {
	.cocktail-card {
	    max-height: calc(120vw/3);
	    transition: all 0.4s ease-in-out;
	}
	
	.cocktail-card:hover .button {
	margin-top: 30px;
	}
}


@media only screen and (max-width: 800px) {

.cocktail-card {
    max-height: 100%;
    transition: all 0.4s ease-in-out;
}


.cocktail-card .button {
   position: absolute;
}

.cocktail-card:hover .button {
	display: none;
	margin-top: 0px;
	padding: 0;
    opacity: 0;
    height: 0;
}


}



.whisky-template-default .other-cocktails .button{
	filter: invert(0);
}




.other-cocktails .button{
	filter: invert(1);
}




.the-noble-cocktails .cocktail-card .button{
    filter: none;
}

.fusion-body #wrapper .the-noble-cocktails .fusion-title h3 a{
    color: white;
}

.fusion-body #wrapper .the-noble-cocktails .fusion-title h3 a:hover{
    color: white;
}







.other-cocktails .cocktail-card {
	max-height: calc(90vw/4);
}


@media only screen and (max-width: 1500px) {
	.other-cocktails .cocktail-card {
	max-height: calc(100vw/4);
}
}


@media only screen and (max-width: 1500px) {
	.other-cocktails .cocktail-card {
	max-height: calc(110vw/4);
}
}


@media only screen and (max-width: 1025px) {
	.other-cocktails .cocktail-card {
	max-height: calc(100vw/2);
}
}


@media only screen and (max-width: 800px) {

.other-cocktails .cocktail-card {
	max-height: calc(100vw);
}

body .fusion-flex-container .fusion-row .fusion-flex-column .fusion-column-wrapper:not(.fusion-flex-column-wrapper-legacy).fusion-content-layout-column {
    overflow: visible;
}


}












/*
   _____ _      _____ _____  ______ _____  
  / ____| |    |_   _|  __ \|  ____|  __ \ 
 | (___ | |      | | | |  | | |__  | |__) |
  \___ \| |      | | | |  | |  __| |  _  / 
  ____) | |____ _| |_| |__| | |____| | \ \ 
 |_____/|______|_____|_____/|______|_|  \_\
                                                 
*/




/*
           _   _ _____ __  __ 
     /\   | \ | |_   _|  \/  |
    /  \  |  \| | | | | \  / |
   / /\ \ | . ` | | | | |\/| | 
  / ____ \| |\  |_| |_| |  | | 
 /_/    \_\_| \_|_____|_|  |_|       
*/

.animations {
	  display: none !important;  
    }

.bg, .rocks, .glass, .bg-1, .bg-2, .welcome-text{
      position: absolute !important;
      width: 100vw;
      height: 100vh;
      top: 0%;
	  left: 0%;
    }
    
.welcome-text{
	text-shadow: 0px 0px 40px rgba(0,0,0,0.57);
	z-index: 10;
}

.bg img, .bg-1 img, .bg-2 img, .rocks img, .glass img{
/*       z-index: -1; */
      width: 100vw;
      height: auto;      
      
}

.fixed {
    position: fixed;
    top: 50%; /* Adjust as needed */
    transform: translateY(-50%);
}

.post-content .mobile-header-home{
	    display: block;
}

.fusion-image-element .bottle{
	display:none;
}

.fusion-image-element .bottles-for-resp{
	display: inline-block;
}

/* DISPLAY CONTAINER BASeD ON ASPeCT RATIOS*/

@media (min-aspect-ratio: 15/9) and (max-aspect-ratio: 17/9) {
	.animations {
        display: block !important;
        position: relative;
		width: 100vw;
		height: 100vh;
		overflow-y: hidden;
    }
    
     .post-content .mobile-header-home{
	    display: none ;
    }
    
    .fusion-image-element .bottle{
	display:inline-block ;
	}
	
	.fusion-image-element .bottles-for-resp{
	display: none;
	}
    
   
}




/*
  ____  _      ____   _____ 
 |  _ \| |    / __ \ / ____|
 | |_) | |   | |  | | |  __ 
 |  _ <| |   | |  | | | |_ |
 | |_) | |___| |__| | |__| |
 |____/|______\____/ \_____|
*/




/*
  ______ ____  _____  __  __ 
 |  ____/ __ \|  __ \|  \/  |
 | |__ | |  | | |__) | \  / |
 |  __|| |  | |  _  /| |\/| |
 | |   | |__| | | \ \| |  | |
 |_|    \____/|_|  \_\_|  |_|
*/

.fusion-form-form-wrapper .fusion-form-field .fusion-form-input::placeholder{
    font-family: var(--awb-typography1-font-family);
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.75);
}
.contact-form textarea::placeholder{
    font-family: var(--awb-typography1-font-family);
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.75);
}


#submit-form button{
    border: 2px solid white;
}

.fusion-layout-column .fusion-column-wrapper .form-submission-notices .fusion-alert{
    backdrop-filter: blur(3px);
    border-radius: 50px;
    align-items: center;
}

.fusion-layout-column .fusion-column-wrapper .form-submission-notices .fusion-alert.awb-alert-close-boxed .close {
    position: absolute;
    top: 50%;
    right: 2%;
    transform: translateY(-50%);
    border-radius: 50px;
}

/*
  ______ ____   ____ _______ ______ _____  
 |  ____/ __ \ / __ \__   __|  ____|  __ \ 
 | |__ | |  | | |  | | | |  | |__  | |__) |
 |  __|| |  | | |  | | | |  |  __| |  _  / 
 | |   | |__| | |__| | | |  | |____| | \ \ 
 |_|    \____/ \____/  |_|  |______|_|  \_\
*/


.mentions-leg a{
	color: white;
	text-decoration: underline;
}

.mentions-leg a:hover{
	color: grey;
	text-decoration: underline;
}

.fusion-footer .insta-link{
	margin-top: 0;
	margin-bottom: 0;
	
}


.fusion-footer .awb-menu__main-a, .menu-text {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.fusion-footer .insta-link{
	display: inline-flex;
    align-items: center;
}

@media only screen and (max-width: 800px) {

.fusion-footer .insta-link{
	display: inline-flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;

}

.fusion-footer .insta-link i{
    --awb-margin-left: 0px !important;
    --awb-align-self: center !important;

}


}




footer .footer-mentions {
	text-align: center;
	font-size: 12px;
	margin: 10px 0;
}

.footer-mentions{
	color: white;
}

footer .fusion-text a,
footer .footer-mentions a {
	color: white;
	cursor: pointer;
}

.cky-btn-revisit-wrapper {
	opacity: 0 !important;
	pointer-events: none;
}







/*FLO NEW 30072024*/


.hor-element .horr-section .fusion-image-element + .fusion-title {
    margin-top: 20px;
}

@media screen and (max-height: 900px) {
    .hor-element .horr-section .fusion-text {
        margin: 0 40px;
    }
}

@media screen and (max-height: 800px) {
    .hor-element .horr-section > .fusion-column-wrapper {
        justify-content: center;
        gap: 10px;
    }
    .hor-element .horr-section .fusion-text {
        font-size: 16px;
    }
}

@media screen and (max-height: 700px) {
    .hor-element .horr-section > .fusion-column-wrapper {
        gap: 5px;
    }

    .hor-element .horr-section .fusion-title h3 {
        font-size: 50px !important;
    }

    .hor-element .horr-section .fusion-text {
        font-size: 14px;
    }

    .hor-element .horr-section .fusion-image-element img {
        max-height: 180px;
        width: auto;
    }    
}









/*MENU LANGUES*/

/*
.lang-menu .awb-menu__sub-ul .awb-menu__sub-a{
    padding-left: 0px;
}


.lang-menu .awb-menu__sub-ul{
    left: 0px;
}
*/



.lang-menu .awb-menu__open-nav-submenu-hover{
    padding-left: 5px;
}

.lang-menu #menu-languages li .awb-menu__main-a{
    background-color: rgba(0, 0, 0, 0.35);
    padding: 2px 15px !important;
    border-radius: 50px;
	backdrop-filter: blur(5px);     
	-webkit-backdrop-filter: blur(5px);
}


.lang-menu .awb-menu__sub-ul{
    background-color: rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(5px) !important;
    border-radius: 10px;     
 	-webkit-backdrop-filter: blur(5px)!important; 
}

.lang-menu .awb-menu__sub-ul li:hover{
    background-color: rgba(0, 0, 0, 0.35);
    border-radius: 10px;
}





.lang-menu-black .awb-menu__open-nav-submenu-hover{
    padding-left: 5px;
}

.lang-menu-black #menu-languages li .awb-menu__main-a{
    background-color: rgba(255, 255, 255, 0.35);
    padding: 2px 15px !important;
    border-radius: 50px;
	backdrop-filter: blur(5px);     
	-webkit-backdrop-filter: blur(5px);
}


.lang-menu-black .awb-menu__sub-ul{
    background-color: rgba(255,255,255,0.35);
    backdrop-filter: blur(5px) !important;
    border-radius: 10px;     
 	-webkit-backdrop-filter: blur(5px)!important; 
}

.lang-menu-black .awb-menu__sub-ul li:hover{
    background-color: rgba(255,255,255,0.35);
    border-radius: 10px;
}