/*80 drinks submenu*/
.eightydrinks-submenu {
	position: fixed;
	bottom: 0px;
	left: 0px;
	border-radius: 0px 20px 0px 0px;
	z-index: 99;
	background: rgba(255, 255, 255, 0.95);
	padding: 25px;
	padding-top: 10px;
	box-shadow: 0px 0px 50px -25px #000;
	
	/*ANIMATION*/
	-webkit-transition: all 500ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
-webkit-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
   -moz-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
     -o-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
        transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */
}

.eightydrinks-submenu ul{
	display: grid;
	grid-template-columns: repeat(3, 33.33%);
	margin-left: 0;

}

/*OPEN BUTTON*/
button#openMenu span{
	
}
button#openMenu{
	font-size: 16px;
position: fixed;
top: 50%;
	left:0px;
	transform: rotate(-90deg) translate(0%, -80%);
	text-transform: uppercase;
	padding: 10px;
	padding-top: 25px;
	border-radius: 5px;
	border: none;
	background: #FFF;
	box-shadow:-4px 0px 12px -3px;
	z-index: 98;
	
		/*ANIMATION*/
	-webkit-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
   -moz-transition: all2500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
     -o-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
}

button#openMenu:hover{
	cursor: pointer;
	background:#369bff;
	left: 12px;
	color: #FFF;

}

/*CLOSE BUTTON*/
.eightydrinks-submenu button#closeMenu{
	z-index: 2;
	font-size: 1.7em;
	border-radius: 50%;
	height: 45px;
	width: 45px;
border: none;
	background: #FFF;
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translate(50%, 0%);
		box-shadow: 0px 0px 10px -5px #000;
	/*ANIMATION*/
	-webkit-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
   -moz-transition: all2500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
     -o-transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition: all 200ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
}

.eightydrinks-submenu button#closeMenu:hover{
	cursor: pointer;
	background:#369bff;
	padding-right: 15px;
		color: #FFF;
}

.eightydrinks-submenu ul li{
	text-transform: uppercase;
	list-style-type: none;
padding: 10px;

}

.eightydrinks-submenu ul li a{
	display: flex;
	align-items: center;

}

.eightydrinks-submenu ul li a:hover{

	transform: scale(1.05);
}

@media(max-width: 500px) {
	
	.eightydrinks-submenu {
		padding: 40px 0px;
		width: 90%;
	}
	.eightydrinks-submenu ul{
		margin: 0;
}
	
	.eightydrinks-submenu ul li a{
		text-align: center;
		display: block;
}
	
		.eightydrinks-submenu ul li{
	padding: 8px 0px;
}
}


@media(max-width: 280px) {
		.eightydrinks-submenu ul li a{
	font-size: 2.8vw;		
}
}
/*END 80 drinks submenu*/


/*Slider Settings*/
.nivo-caption h2 {
	text-shadow: 4px 4px 7px black;
}

.nivo-caption .inline-slide-text {
	background-color: rgba(0,0,0,.6);
	border-radius: 5px;
	padding: 0px 10px;
}

.nivo-caption .readmore {
background-color: rgba(0,0,0,.2);
	text-shadow: 1px 1px 2px #000;
}
/*Background fixed*/
body {
background-attachment: fixed !important;
background-size: cover !important;
} 

/*increase size of front page headers*/

h5.column-header-image {
	font-size: 2em!important;

}
/*remove preview text from presentation page*/
.column-image-inside-centered .column-text {
	display: none;
}

/*
 * --------------
 * MOBILE
 * --------------
 * */

/*fix mobile bg image*/
@media only screen and (max-width: 640px) {
body {
background-size: auto!important;
background-repeat: repeat!important;
} 
	/*remove dark bg and text shadow on slider text*/
	.nivo-caption .inline-slide-text {
	background-color: rgba(0,0,0,0);
	border-radius: none;
}
	
	.nivo-caption .readmore {
	text-shadow: none;
}
	.nivo-caption h2 {
	text-shadow: none;
}
}