/*! normalize.css v1.1.0 | MIT License | git.io/normalize */

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}html,button,input,select,textarea{font-family:sans-serif;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:.67em 0;}h2{font-size:1.5em;margin:.83em 0;}h3{font-size:1.17em;margin:1em 0;}h4{font-size:1em;margin:1.33em 0;}h5{font-size:.83em;margin:1.67em 0;}h6{font-size:.67em;margin:2.33em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}blockquote{margin:1em 40px;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}p,pre{margin:1em 0;}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}q{quotes:none;}q:before,q:after{content:'';content:none;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}dl,menu,ol,ul{margin:1em 0;}dd{margin:0 0 0 40px;}menu,ol,ul{padding:0 0 0 40px;}nav ul,nav ol{list-style:none;list-style-image:none;}img{border:0;-ms-interpolation-mode:bicubic;}svg:not(:root){overflow:hidden;}figure{margin:0;}form{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em;}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}

/* ==========================================================================
   Additional styles for the Skeleton Theme - Replace that with your own CSS
   ========================================================================== */

/* Hiding placeholder text on focus in webkit, thanks to http://www.kolodvor.net/2012/03/23/webkit-placeholder-attribute-behavior */
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color:transparent; }


/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* Products grid, collections grid: we are using lists, not tables */
ul.grid li { float: left; list-style-type: none; }
ul.grid li { margin: 0 20px 20px 0; }
ul.grid li.last-in-row { margin-right: 0; }

/* Utility classes: Hidden, float lef, float right, etc. */

.hidden { display: none; }
.left { float: left; }
.right { float: right; }

/* Styling #site-title as it uses h1 on home page and span on other pages. */



/******************** GLOBAL ***************************/
body{
	color: white;
  overflow:scroll;
  min-width:1152px;
  width:100%;
}


a{
  text-decoration:none;
}

.container {  /*Layout width*/
min-width: 1152px;
  width:100%;
padding: 0px;
}

#social-wrap{
top: 35px;
float: right;
min-width:1152px;
 width:100%;
  text-align:right;
  right: 25px;
  z-index:101;
  position:relative;
  height:50px;
}

#social-wrap a{
color:black;
vertical-align:super;
}

#center-banner {
background: url("//cdn.shopify.com/s/files/1/0245/7929/t/4/assets/homepage-banner.jpg?2833");
width: 100%;
position: absolute;
height: 100%;
z-index: 0;
 
margin-left: auto;
margin-right: auto;
top: 80px;
background-repeat: no-repeat;
background-size: contain;
margin-bottom: 50px;
min-width:1152px;
}



#site-title {
font-size: 2em;
font-weight: bold;
line-height: 1.5;
margin: 0;
padding: 0;
}



#logo {
 position:absolute;
  margin-left:10px;
  margin-top:10px;
  left:0px;
  top:0px;
  z-index:200;
}

#logo img{
 width:480px;
  height:auto; 
}


/***** Checkout *******/


.checkout-link a{
  color:white;
  text-decoration:none; 
}

#content-left{
    top: 165px;
	
    position: relative;
    height: 463px;
}
#left-bottom{
    position: absolute;
	
    /* bottom: 0px; */
    font-size: 20px;
    font-family: courier new;
    width: 375px;
    margin-left: 65px;
}
#top-logo{
position:absolute;
top:20px;
left:20px;
}

#top-logo-img {
height: 150px;
width: auto;
}
#center-backdrop-img {
height: 540px;
width: auto;
opacity: .2;
}

#bottle-overlay {
top: 92px;
left: 930px;
position: absolute;
}

#content-right {
right: 70px;
bottom: 0px;
position: absolute;
font-family: courier new;
font-weight: bold;
font-size: 30px;
color: white;
text-decoration: underline;
width: 348px;
}

/********** NAV *****************/


.nav {
/* background: #00F; */
width: 100%;
min-width: 1152px;
overflow: auto;
height: 25px;
position: absolute;
top: 10px;
font-family: "courier new";
font-size: 1em;
font-weight: bold;
z-index: 1000;
text-align: right;
display: block;
}

.nav div{
  z-index:1000;
}

.nav span{
  z-index:1000;
}

.nav-item {
display: inline-block;
position: relative;
top: 0px;
padding-bottom:1px;
padding-top:1px;
}

.sub-nav{
 position:absolute;
  top:1em;
  display:none;
  padding-top:10px;
  min-width:150px;
  text-align:left;
  z-index:1000;
    background:rgba(255,255,255,.9);
  border-radius:20px;
}

.sub-nav-item{
line-height:1.5em;
}

.sub-nav a{
}

.divided {
border-right: solid black 2px;
padding-right: 18px;
padding-left: 18px;
}

.nav-item a{
color:black;
text-decoration:none;
margin-left:10px;
margin-right:10px;
    text-shadow:none;
}

#nav-inner-wrap{
    padding: 10px;
    text-align: right;
}



/******* FOOTER *******/

footer{
 display:none;
}

/******* Checkout ******/
#content-right {
right: 70px;
bottom: 0px;
position: absolute;
font-family: courier new;
font-weight: bold;
font-size: 30px;
color: rgb(00,00,00);
text-decoration: underline;
width: 348px;
}

.checkout-link a{
color:black; 
}

.checkout-link {
text-align: right;
top: 80px;
position: absolute;
width:100%;
  min-width:1152px;
z-index:150;

}

.checkout-link p{
margin: 0.75em 0;
padding-right:30px;
}
/*current*/
/*
#product-list {
position: relative;
left: 230px;
top: 650px;
margin: 20px;
color: black;
z-index: 1000;
height: auto;
font-size: 35px;
}*/

/* test */
#product-list {
width: 100%;
position: absolute;
height: auto;
z-index: 0;
margin-left: auto;
margin-right: auto;
top: 100px;
font-size:35px;
}

#product-list a {
font-family: "Courier New";
padding-left: 5%;
top: 0px;
border-radius: 12px;
padding-right: 10.5%;
color:white;
  font-weight:bold;
}

#product-list a span{
font-size:25px;
}



#product-list-wrap {
width: 900px;
margin-left: auto;
margin-right: 0px;
}


#product-list-wrap a span {
top: 130px;
position: relative;
left: 120px;
text-shadow: black 1px 2px 7px;
}

.rte{

}

#recipe-list{
position: relative;
width: 950px;
left: 290px;
color: black;
font-size: 40px;
font-family: "montserrat";
padding: 0px;
top: 610px;
}
#recipe-list a{
margin-right: 110px;
font-family: "Montserrat";
color:black;
margin-right:60px;
top: 0px;
border-radius: 12px;
  
}

.product-page-bottle{
position: absolute;
height: 570px;
width: auto;
}

.last a{
 margin-right:30px; 
}
.main-list {

}

.main-list a{
 padding:10px; 
}

.social-icon{
 border-radius:12px; 
  
}

/* FULL BLEED BACKGROUNDS */

/******************* PRODUCTS ***************/

#cranberry{
  background: url(//cdn.shopify.com/s/files/1/0245/7929/t/4/assets/cranberry-backdrop.jpg?2833) no-repeat center center fixed;
background-size:cover;
  background-color:#000000;
}
#tangerine{
  background: url(//cdn.shopify.com/s/files/1/0245/7929/t/4/assets/tangerine-backdrop.jpg?2833) no-repeat center center fixed;
background-size:cover;
  background-color:#000000;
}
#rio-red-grapefruit{
  background: url(//cdn.shopify.com/s/files/1/0245/7929/t/4/assets/grapefruit-backdrop.jpg?2833) no-repeat center center fixed;
background-size:cover;
  background-color:#000000;
}

/******ADD ADDITIONAL PRODUCTS HERE**


#[product.title]{
 background: url(//cdn.shopify.com/s/files/1/0245/7929/t/4/assets/[PRODUCT-TITLE]-backdrop.jpg?2833) no-repeat center center fixed;
background-size:cover;
  background-color:#000000;
}


******/


/******************* RECIPES ***************/

#twelve-point-paloma{
  background: url(//cdn.shopify.com/s/files/1/0245/7929/t/4/assets/paloma-backdrop.jpg?2833) no-repeat center center fixed;
background-size:cover;
  background-color:#000000;
}
#new-englander{
  background: url(//cdn.shopify.com/s/files/1/0245/7929/t/4/assets/newenglander-backdrop.jpg?2833) no-repeat center center fixed;
background-size:cover;
  background-color:#000000;
}
#mmmmmmosa{
  background: url(//cdn.shopify.com/s/files/1/0245/7929/t/4/assets/mimosa-backdrop.jpg?2833) no-repeat center center fixed;
background-size:cover;
  background-color:#000000;
}

/****new flavor ==> new style color, update in the colorize.liquid *****/

.cranberry-style{
color:rgb(216,20,45);
}

.tangerine-style{
  color:rgb(255,200,73);
}
.grapefruit-style{
 color:rgb(240,100,100);
}

/*************************** STORY PAGE ******************/
.story-copy {
z-index: 100;
position: absolute;
top: 120px;
left: 40px;
font-size: 16px;
padding: 20px;
border-radius: 25px;
width: 500px;
font-family: "courier new";
color: black;
text-align:right;
}

#story{
  background: url(//cdn.shopify.com/s/files/1/0245/7929/t/4/assets/story-backdrop.jpg?2833) no-repeat center center fixed;
background-size:145%;
  color:black;
}


/**************** CONTACT ***********************/
#contact .rte {
position: absolute;
top:36%;
left: 40px;
width: 400px;
border-radius: 20px;
color: white;
padding: 15px;
font-size: 16px;
font-family: "courier new";
}

#contact #main a{
color: rgb(255,120,2);
}


.linkButton { 
     background: none;
     border: none;
     color: white;
     text-decoration: none;
     cursor: pointer; 
  font-family:"courier new";
}

/****** FLAVORS PAGE ****************************/
#flavors-text {
font-size: 20px;
color: white;
position: absolute;
top: 245px;
width: 350px;
left: 45px;
z-index: 100;
text-shadow: black 0px 1px 5px;
font-family: courier new;
font-weight: bold;
  background: rgba(0,0,0,.4);
border-radius: 30px;
padding: 15px;
}


/****** CONTACT PAGE *************************/

.contact-page-icons{
 border-radius: 15px;
 margin-right:10px;
}


.no-decoration{
 background:none;
  border:none;
  color:black;
  cursor:pointer;
}


.buy-now{
 margin-left:5px; 
}

.more-recipes{
position: absolute;
bottom: 20px;
left: 60px;
}

.more-recipes a{
 color:white;
  font-family:"courier new"; 
}