@import 'https://fonts.googleapis.com/css?family=Reenie+Beanie|The+Girl+Next+Door|Cutive+Mono';
@import "source-sans-pro.css";
@import "danielblack.css";

/* http://stackoverflow.com/a/505265 */
.cf:before,.cf:after { content:" "; display:table; }
.cf:after { clear:both; }
.cf { *zoom: 1; }
* {
	margin:0;
	padding:0;
}
html, body {
	width:100%;
	min-height:100%;
}
body {
	font-size:18px;
	line-height:18px;
	background-color:#f3f3f3;
	color:#3c3c3b;
	font-family:Arial,sans-serif;
}
header, section, footer {
	position:relative;
	width:1280px;
	margin:0 auto 0;
}
header {
	height:123px;
	margin-top:50px;
}
#logo_container {
	position:absolute;
	top:0;
	left:0;
}
#logo_container a {
	display:block;
}
header nav {
	position:absolute;
	bottom:18px;
	right:0px;
}
header nav ul {
	list-style-type:none;
}
header nav li {
	float:left;
	margin-right:20px;
	text-transform:uppercase;
	font-weight:bold;
}
header nav li:last-of-type {
	/*margin-right:0;*/
}
header nav li a {
	color:#000;
	text-decoration:none;
	font-family:'Source Sans Pro',Arial;
}
header nav li a.active {
	color:#80b288;
}
header nav li a:hover {
	text-decoration:underline;
}
section {
	margin:20px auto;
	padding:20px 0px;
	border-bottom:2px solid #c5c5c5;
}
section:last-of-type {
	border-bottom:none;
}
section h1 {
	text-transform:uppercase;
	margin-bottom:20px;
	font-size:54px;
	line-height:54px;
	text-align:center;
	font-family:'Source Sans Pro',Arial;
	font-weight:900;
}
section h2 {
	text-transform:uppercase;
	margin-bottom:15px;
	font-size:39px;
	line-height:38px;
	text-align:center;
	font-family:'Source Sans Pro',Arial;
	font-weight:900;
}
section h3 {
	text-transform:uppercase;
	margin-bottom:15px;
	font-size:32px;
	line-height:30px;
	text-align:center;
	font-family:'Source Sans Pro',Arial;
	font-weight:900;
}
section h2.handwriting {
	font-family: 'Reenie Beanie', cursive;
	text-transform:none;
}
section h2.green {
	color:#80b288;
}
section p {
	font-family:'Cutive Mono',monospace;
}
section.oversized {
	width:1330px;
}
section#home-stage .content {
	position:relative;
	background:#fff;
}
section#home-stage .content .wrap {
	position:absolute;
	bottom:0px;
	box-sizing:border-box;
	text-align:center;
}
section.imagecells {

}
section.imagecells .cell {
	float:left;
	margin-right:10px;
	width:630px;
	position:relative;
	padding-bottom:100px;
}
section.imagecells .cell .label {
	background:#fff;
	text-align:center;
	box-sizing:border-box;
	padding:20px 30px;
	width:470px;
	position:absolute;
	bottom:40px;
	left:80px;
}
section#home-messageonabottle {
	
}
section#home-messageonabottle img {
	float:left;
	margin-right:20px;
}
section#home-messageonabottle .content {
	float:left;
	background-image:url(http://placekitten.com/420/580);
}
section#home-messageonabottle .wrap {
	width:330px;
	margin:30px auto 0;
	background:#fff;
	box-sizing: border-box;
	padding:20px 40px 60px 40px;
	text-align:center;
}
section#home-facebook {
	padding:65px;
	box-sizing:border-box;
	background-color:#fff;
}
section#home-facebook .images {
	font-size:0;
}
section#home-facebook .images img {
	display:block;
	float:left;
}
section.content {
	padding:40px 60px;
	box-sizing:border-box;
}
section.content.bg-white {
	background-color:#fff;
}
section.hero {
	border-bottom:none;
	padding-bottom:0;
	padding-top:0;
	margin-bottom:-160px;
}
section.hero img {
	display:block;
}
section.content > p {
	text-align:center;
	width:900px;
	margin:0 auto 15px;
}
section.content li {
	font-family:'Cutive Mono',monospace;
}
section.content .halfcol {
	width:50%;
	float:left;
	box-sizing:border-box;
	padding-right:10px;
}
section.content .quartercol {
	width:25%;
	float:left;
	box-sizing:border-box;
	padding-right:10px;
}
section.content .threequartercol {
	width:75%;
	float:left;
	box-sizing:border-box;
	padding-right:10px;
}
.col_1_8 {
	width:130px;
	float:left;
	padding-right:15px;
}
.col_2_8 {
	width:calc(2 * 130px + 1 * 15px);
	float:left;
	padding-right:15px;
}
.col_3_8 {
	width:calc(3 * 130px + 2 * 15px);
	float:left;
	padding-right:15px;
}
.col_4_8 {
	width:calc(4 * 130px + 3 * 15px);
	float:left;
	padding-right:15px;
}
.col_5_8 {
	width:calc(5 * 130px + 4 * 15px);
	float:left;
	padding-right:15px;
}
.col_6_8 {
	width:calc(6 * 130px + 5 * 15px);
	float:left;
	padding-right:15px;
}
.col_7_8 {
	width:calc(7 * 130px + 6 * 15px);
	float:left;
	padding-right:15px;
}
.col_8_8 {
	width:calc(8 * 130px + 8 * 15px);
	float:left;
}

div.signature {
	font-family: 'The Girl Next Door', cursive;
	color:#80b288;
	font-weight: bold;
    font-size: 25px;
    transform: rotate(-4deg);
    text-decoration: underline;
}
#page-mixology article.mix {
	padding:40px 0px;
}
#page-mixology article.mix .receipt h2{
	padding-left:20px;
	text-align:left;
}
#page-mixology article.mix .receipt ul {
    background-size: 40px 40px;
    background-image:linear-gradient(to bottom, #d1d1cf 2px, transparent 2px);
	list-style-type:none;
	width: 380px;
	padding-left:20px;
}
#page-mixology article.mix .receipt ul li{
	font-family:'Cutive Mono',monospace;
	padding:10px 0px;
}
#page-nupsy section.content {
    padding: 20px 60px;
    box-sizing: border-box;
}
#page-nupsy section.content ul.ingredients {
    background-size: 40px 40px;
    background-image:linear-gradient(to bottom, #d1d1cf 2px, transparent 2px);
	list-style-type:none;
	width: 380px;
	padding-left:20px;
	margin-bottom:40px;
}
#page-nupsy section.content ul.ingredients li{
	font-family:'Cutive Mono',monospace;
    padding: 0;
    line-height: 40px;
    font-size: 14px;
}
#page-nupsy p.nutrition {
	width:380px;
	margin-left:20px;
}
#page-finder #gmap_canvas img{
	max-width:none!important;
	background:none!important;
}
#page-finder #store_details {
	display:none;
border-bottom: 1px solid rgba(0,0,0,0.3);
    padding-bottom: 20px;
	margin-left:15px;
margin-bottom:20px;
}
#page-finder .store_list_entry {
	margin-left:15px;
	cursor:pointer;
	margin-bottom:15px;
}
#page-finder #store_title, 
#page-finder .store_list_title {
	font-family:'Source Sans Pro',Arial;
	font-size:25px;
	line-height:25px;
	font-weight:bold;
	text-align:left;
    margin-bottom: 5px;
}
#page-finder #store_info,
#page-finder .store_list_info {
    font-family: 'Cutive Mono',monospace;

}
#page-finder #storelist {
	max-height:500px;
	overflow-y:scroll;
}
#page-finder section h1 {
text-align:left;
font-size:47px;
line-height:47px;
}
#page-finder {
	background-color:white;
}
#page-finder .online_list {
	text-align:left;
	margin-top:40px;
}
#page-finder .online_list h2 {
	text-align:left;
    font-size: 25px;
    line-height: 25px;
    font-weight: bold;
}
#page-finder .online_list a {
	display:inline-block;
	margin-right:20px;
}
#page-finder .online_list a img {
	height:65px;
}
#page-finder .online_list a:last-child {
	margin-right:0;
}
footer {
	padding-top:20px;
/*    background-size: 40px 40px;
    background-image:linear-gradient(to bottom, #dcdcdc 2px, transparent 2px);*/
	height:90px;
}
footer .block {
	float:left;
	width:300px;
}
footer .block.contact {
	margin-left:60px;
}
footer .block.right {
	float:right;
}
footer .block h1 {
	font-family:'Source Sans Pro',Arial;
	font-size:25px;
	line-height:25px;
	margin-bottom:10px;
}
footer .block .content,
footer .block .content a {
	font-family:'Cutive Mono',monospace;
color:black !important;
font-size:14px;
line-height:14px;
}
footer .block.socialmedia a {
	display:block;
	padding:2px;
	font-family:Arial;
	background-color:black;
	width:140px;
	text-align:center;
	color:#fff;
	margin-bottom:10px;
	height: 32px;
    padding-top: 6px;
    box-sizing: border-box;
    text-decoration: none;
}
footer .block.nav ul {
	list-style-type:none;
}
footer .block.nav ul li {
	font-family:'Cutive Mono',monospace;
}
footer .block.nav ul li a {
	color:#000;
	text-decoration:none;
}
footer .block.nav ul li a:hover {
	text-decoration:underline;
}
footer .divisor {
	float:right;
	border-left:2px solid #7fb289;
	border-right: 2px solid #7fb289;
	height:290px;
	width:10px;
	margin-top:-20px;
	margin-right:40px;
display:none;
}
footer .copyright {
	position:absolute;
	bottom:20px;
	left:60px;
	font-family:'Cutive Mono',monospace;
}