body {
	margin: 0;
	font-family: 'Open Sans', cursive;
}

html, body {
	height: 100%;
}


/* ------ ------ ------ */
/*  Sticky Footer by Ryan Fait http://ryanfait.com/  */
/*  NOTE: using margin-top/bottom in divs will break things  */

.wrapper {
	min-height: 100%;
	height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
	height: 100%;
	margin: 0 auto -55px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 55px; /* .push must be the same height as .footer */
}
 .push {
	margin-top:  5em; /* the bottom margin is the negative value of the footer's height */
}
.footer {
	border-top: #ddd 1px solid;
	padding-top: 1em;
}

.foot-descrip {
	text-align: center;
	padding: .5em 2em;
	font-size: 90%;
}

/* ------ ------ ------ */


img {
	vertical-align: middle;
}

a { 
	color: #310;
}

a:hover {
	color: #000;
}

a:visited {
	color: #532;
}


/* ---------- */
#logo {
	text-align: center;
	background: url("/imgs/lavabrew-ripplebg.png") repeat-x  0 top;
	// background-size: cover;
	padding-top: 2em;
}

#logo .tmsign {
	margin-left: -.5em;
}

#logo img {
	padding-bottom: 10px;
	max-width: 90%;
}

#logo a {
	padding-left: .5em; /* for the TM sign */
}


/* ---------- */
h1 {
	text-align: center;
	font-family: 'Chango',sans;
}

h1.ripplebg {
	font-family: sans;
	margin: 0;
	padding: 0;
}

h1.ripplebg img  {
	vertical-align: top;
	height: 200px;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/* ---------- */
.navmenu-wrap {
	text-align: center;
}


.navmenu { /* radius 10 */
	font-family: 'Ubuntu', sans; font-weight: bold;
	display: inline-block;
	margin: 0 2em;
	font-size: 80%;
	padding: 0 5px;
	border: #765 1px solid;
}

div.navmenu-magic ul {
	padding: 0;
	margin: 0;
	margin-left: -3px;
}


/*
div.navmenu-magic {
	// overflow:hidden; // hide the left borders
}
div.navmenu-magic ul li {
	// float:left;
	// border-left: 1px solid #765;
} */ 
div.navmenu-magic ul li {
	list-style: none;
	display: inline-block;
	padding: 10px 10px;
}
.navmenu a { 
	color: #310;
	padding: 2px  .5em;
}
.navmenu a:hover {    /* transition:all.5-ease */
	background: #dfd0c0;
	color: #000;
}
.navmenu a[title^="home"]:before{  /* needed to fix chrome padding issues */
	content: ' ';
}
.navmenu .nav-home{
	padding-left: .5em;
}

.navmenu #nav-home-bump {
	display: none;
}

.navmenu [class^="icon-"]{
	padding-right: .5em;
	text-decoration: none;
}


/* ---------- */
.lavafont {
	font-family: 'Chango',sans;
	white-space: nowrap;
}


/* ---------- */
div.breadcrumbs-wrap {
	margin: 0 50px;
}

div.breadcrumbs {
	display: inline-block;
	font-size: 80%;
}

div.breadcrumbs a {
	color: #310;
	text-decoration: none;
}

div.breadcrumbs .joinstr {
	font-size: 80%;
}

div.breadcrumbs a:hover {
	color: #752; /*  #641; */
	text-decoration: underline;
}


/* ---------- */
#SM-like {
	display: inline-block;
	margin: 0 auto;
	text-align: left;
}

#SM-like div *{
	font-size: 1em;
}

#SM-like div a img {
	height: 1.5em;
	width: 1.5em;
}

.twitter-share-button,
.fb-like {
	margin-left: 2em;
}

/* ---------- */
#google-maps-lnk,
h1.productpage  {
	position: relative;
	min-width: 14em;
	margin: 1em; 
	text-align: center;
	font-size: 160%;
	color: #320; 
	
	-moz-box-shadow:	 0 0 10px #cba;
	-webkit-box-shadow:	 0 0 10px #cba;
	box-shadow:		 0 0 10px #cba;
	
	-webkit-border-radius:  10px;
	-moz-border-radius:  10px;
	border-radius:  10px;
}

#google-maps-lnk {
	font-family: 'Chango',sans;
	// margin: .5em;
	//margin-left: .5em;
	padding: .5em;
	background: url("/imgs/google-maps-lnk.jpg");
	background-size: cover;
	
	text-shadow: 0 0  5px white;
}


h1.productpage  {
	background: #fff0d0; /* #fec; */
}

h1.productpage img {
	//  transform: translateX(-90%);
	margin: auto;
	max-height: 150px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin-right: -15px;
}
/* firefox only */
@-moz-document url-prefix() { 
h1.productpage img {
	margin-top: -10px;
	}
}

.prod-img img {
	max-width: 100%;
}
	
h1.productpage .flavname {
	display: inline-block;
	margin: 1em 3em;
}



h1.productpage > span {
	display: inline-block;
	text-align: left;
}

h1.productpage > a {
	display: block;
}
h1.productpage .flavname {
	text-align: center;
	margin-right: 1em;
}
h1.productpage > a .flavname {
	text-decoration: underline;
}



h1.prod-acai  .flavname {	margin-left: 120px;}
h1.prod-mango  .flavname {	margin-left: 145px;}
h1.prod-pineapple-coconut  .flavname {	margin-left: 90px;}
 
#acai-page h1.productpage,
a.acai-icon:hover {
	background: #ecc; background: radial-gradient(circle, #fee, #ecc);
	text-shadow: 2px 2px 2px rgba(180, 180, 180, 0.8);}
	
#mango-page h1.productpage,
a.mango-icon:hover {
	background: #fda; background: radial-gradient(circle, #feb, #fda);
	text-shadow: 2px 2px 2px rgba(180, 180, 180, 0.8);}
	
#pineapple-coconut-page h1.productpage,
a.pineapple-coconut-icon:hover {
	background: #ffe; background: radial-gradient(circle, #fff, #ffd);
	text-shadow: 2px 2px 2px rgba(180, 180, 180, 0.8)}
	
#lemongrass-lemon-ginger-page h1.productpage,
a.lemongrass-lemon-ginger-icon:hover {
	background: #ffc; /* #efc;*/}

/* ---------- */

div.doc-listing-wrap {
	text-align: center;
}

div.doc-listing {
	display: inline-block;
	text-align: left;
}

.doc-listing p {
	display: inline-block;
}

.doc-listing ul {
	display: inline-block;
	text-align: left;
	margin: auto ;
}

/* ---------- */
a.product-lnk  { /* transition:all.5-ease */
	text-decoration: underline;
	color: #752; // #530;
	
	-webkit-border-radius:  10px;
	-moz-border-radius:  10px;
	border-radius:  10px; 

}



a.product-lnk:visited  {
	// color: #974;
	color: #641;
}

a.product-lnk:hover  {
	/* background: #ffe; //  #ffc; #eca; #ecb; */
	color: #530; //  #863; // #752;
}





/* ---------- */
.prod-blurb {
	padding: 1em 3em;
	text-indent: 1em;
}
.prod-blurb::first-letter {
	font-size: 200%;
	font-weight: bold;
	//font-style: italic;
		//font-family: 'Chango',sans;
		// font-family: 'Fredoka One', cursive;
		//  font-family: 'Chewy', cursive;
} 

.retailer-mention { /* radius 1em */
	text-align: center;
	// margin: 0 auto;
	color:  #654;
	margin: 1em;
	background: #feb;
	border: #cb9 2px solid;
}

/* ---------- */
.centered,
.bottle-splash {
	text-align: center;
	margin: 0 auto;
}
.bottle-splash img {
	max-width: 100%;
}

.centered img {
	width: 16px;
	padding: 2px;
}



/* ---- ------------------------------- ------ */
/* ---- social media buttons at the top ------ */

.head-SM  {
	font-size: 80%;
}

div.head-SM  {
	padding: 1em;
	padding-bottom: 2em;
	text-align: center;
	margin: auto;
}

div.head-SM .head-SM-wrapper {
	display: inline-block;
	text-align: left;
	margin-left: 4rem;
}

div.head-SM a {
	padding: 1em;
}


div.head-SM .SM-txt {
	visibility: hidden;
}


div.head-SM a:hover .SM-txt {
	visibility: visible;
}


div.head-SM .icon-instagram {
	color: A0522D; /* brown; */
}

div.head-SM .icon-facebook-sign {
	color: #3B5998; /* blue; */
}

div.head-SM .icon-twitter-sign {
	color: #0084b4; /*lightblue;*/
}

div.head-SM .icon-youtube-play {
	color: #FF0000; /* red; */
}


div.head-SM .icon-instagram,
div.head-SM .icon-facebook-sign,
div.head-SM .icon-twitter-sign,
div.head-SM .icon-youtube-play {
	font-size: 2rem;
	text-decoration: none;
	padding-right: .5rem;
	vertical-align: middle;
	line-height: 2rem;
}

/* ---- ---------------- */
/* ---- SM-slider ------ */
/* --------------------- */
i.COLL_ON, i.COLL_OFF {
	padding: 1em;
	font-size: 150%;
}
input.collapse{
	display:none; }
input.collapse + div div {
	display: inline-block; }
input.collapse + div div.button-coll i { /* radius 10 */
	top: 50%;
	padding: 1em;
	vertical-align: middle;
}

input.collapse + div div.button-coll i:hover {
	color: rgb(45, 45, 40);
	color: rgba(45, 45, 40, .8);
}

input.collapse + div   i.COLL_ON { display:none; }
input.collapse + div   i.COLL_OFF{ display: inline-block; color: gray; }
input.collapse:checked + div   i.COLL_ON { display: inline-block; }
input.collapse:checked + div   i.COLL_OFF{ display:none; }

input.collapse + div div.hidden-coll {  /* radius 5 */
	width:  16px;
	vertical-align: middle;
	background: white;
	background: rgba(255, 255, 255, .8);
}

input:checked.collapse + div div.hidden-coll {
	width: 7em;
}

/* -------------------------*/

.head-SM div div.hidden-coll:hover {
	overflow: none;
	width: 7em; // auto;
}

/* ---- -------------------- */
/* ---- SM-slider  END ----- */
/* ------------------------- */


.head-SM a {
	white-space:nowrap; 
	padding: 0;
}

/* ---- ------------------------------- ------ */
/* ---- ------------------------------- ------ */


/* ---------- */
h1.page-title {
	margin-bottom: 2em;
	color: #320; 
}

.wrapper > h3 {
	margin: 1em 2em;
	
}

.wrapper > p{
	margin: 1em 3em;
	text-indent: .5em;
}

dl {
	margin: 1em 3em;
}


div.videos-container {
	text-align: center;
	margin: 1em 3em;
	
}
 @media screen and (max-width: 750px) {
	div.videos-container iframe {
		width: 500px;
		height: 250px;
		}
	}
 @media screen and (max-width: 650px) {
	div.videos-container iframe {
		width: 400px;
		height: 200px;
		}
	}
 @media screen and (max-width: 550px) {
	div.videos-container iframe {
		width: 300px;
		height: 150px;
		}
	}

div.videos-wrapper {	
	display: inline-block;
	text-align: left;
}


div.videos-wrapper iframe {
	margin-left: 3rem;
	margin-bottom: 3rem;
}

/* ---------- */
p.note{
	font-size: 80%;
	margin-left: 5em;
	color: #777;
}


dl.retailers{
	margin-left: 4em;
	margin-top: 2em;
}

dl.retailers dt {
	font-weight: bold;
}

dl.retailers dd > * {
	text-indent: 0;
	margin-left: 1em;
}

dl.retailers dd:before { /* to fix quirks mode weirdness */
	content: "";
	-moz-margin-end: 0;
}

.map-address{
	margin: 2em auto;
}


/* ---------- */
.productof img  {
}

.productof {
	text-align: right;
	font-size: 70%;
	margin: 0 1em;
	border-top: #aac 1px solid;
	margin-top: 2em;
	padding-top: .5em;
	// border: #aac 1px solid;
}


/* ---------- */
input[type="text"] {
	width: 25em;
}

textarea {
	width: 25em;
}


/* ---------- */
.sell-sheet  *, 
.contact-form *, 
.bulk-order-form * {
	font-size: 100%;
}

.sell-sheet   table, 
.contact-form  table, 
.bulk-order-form table {
	margin: 0 auto;
	padding: 2em;
}

.sell-sheet   table, 
.contact-form  table td, 
.bulk-order-form table td{
	vertical-align: top;
}


/* ---- where to buy ------ */

.state-country {
	font-size: 80%;
	color: #aaa;
}




/* ---- sell sheet ------ */

div.sell-sheet table.contact-info th,
table.product-listing-info th {
	background: #b96;
}

table.product-listing-info  {
	/* margin: 2.5em; */
	margin-top: .5em;
}
 {
	background: #b96;
}

div.sell-sheet table.contact-info td {
	padding: 0 .5em;
}

table.product-listing-info td {
	padding: .5em;
}

.product-tech-details {
	color: #420;
}

#email-img {
	/* height: 1em; */
	height: .85em;
}


/* ---------- */




/* ---------- */
.success-page {
	text-align: center;
}
.success-box { /* radius 5 */
	text-align: left;
	font-family: 'Open Sans', cursive;
	display: inline-block;
	border: #bdb 2px solid;
	background: #efe;
	padding: 1em 2em 2em;
	margin: 0.5em 3em;
}
.success-box h1 {
	font-family: 'Source Sans Pro', cursive;
	font-weight: 900;
	
	color: #3a3;
	margin-top: 0;
	text-indent: -.5em;
}


/* ---------- */
.warning-page {
	text-align: center;
}
.warning-box { /* radius 5 */
	text-align: left;
	font-family: 'Open Sans', cursive;
	display: inline-block;
	border: #fd9 2px solid;
	background: #fffaf0;
	padding: 1em 2em 2em;
	margin: 0 3em;
}
.warning-box h1 {
	font-family: 'Source Sans Pro', cursive;
	font-weight: 900;
	
	color: #b83;
	margin-top: 0;
	text-indent: -.5em;
}


/* ---------- */
.error-page {
	text-align: center;
}


.error-box { /* radius 5 */
	text-align: left;
	font-family: 'Open Sans', cursive;
	display: inline-block;
	border: #fbb 2px solid;
	background: #fee;
	padding: 1em 2em 2em;
	margin: 0 3em;
	// margin: 0em 3em;
	//margin: 10em 3em 5em;
}


.error-box h1 {
	// font-family: 'Fredoka One', cursive;
	//  font-family: 'Chewy', cursive;
	 font-family: 'Source Sans Pro', cursive;
	 font-weight: 900;
	 
	color: #a33;
	margin-top: 0;
	text-indent: -.5em;
}


/* ---------- */
/*roundies*/
input.collapse + div div.button-coll *,
.navmenu,
.retailer-mention { /* radius 1em */
	-webkit-border-radius:  1em;
	-moz-border-radius:  1em;
	border-radius:  1em;
}
.success-box,
.error-box,
.warning-box,
.navmenu,
.navmenu a { /* radius 5 */
	-webkit-border-radius:  5px;
	-moz-border-radius:  5px;
	border-radius:  5px; 
}

div.hidden-coll { /* radius 5 */
	-webkit-border-radius:  5px;
	-moz-border-radius:  5px;
	border-radius:  5px; 
}


/* ---------- */
/*transitions*/
input.collapse + div div.button-coll i,
.navmenu a:hover,
.head-SM div,
a.product-lnk  {  /* transition:all.5-ease */
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}



/* ---------- */
/* Retina-specific declarations */
/*
 */
@media 
(-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { 
	/* HTML { font-size:200%;} */
	/* .navmenu { font-size:120%;} */
	#logo img {	width: 8em;}
	#logo {	background-size: 100% auto;	}
	
	#google-maps-lnk,
	h1.productpage  {
		font-size: 120%;}
	h1.productpage img {
		max-height: 110px;}
	h1.productpage img.prod-mango {
		max-height: 100px;}
}

 @media screen and (max-width: 490px) {
	.navmenu #nav-home-bump {
		display: block;
	}
      }