/*! Made with Bones: http://themble.com/bones :) */
/******************************************************************
Site Name:
Author:

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

*/
.alignleft {
	float:left;
	margin:0 20px 20px 0;
}

.container > .columns {
	margin-left:0;
	margin-right:0;
}

header .c7-user-nav__cart>button {
	padding-bottom:0;
}

header #c7-cart {
	padding-right:20px;
}

header .c7-side-cart__header button:active svg, header .c7-side-cart__header button:hover svg,  header .c7-side-cart__header button:focus svg {
	stroke:#fff;
}

header.columns .column .menu.full-screen img{
	max-width:150px;
	
}

.alignright {
	float:right;
	margin:0 0 20px 20px;
}

.aligncenter {
	float:none;
	display:block;
	margin:0 auto 20px;
}

.age-gate-form {
	background:none !important;
}

.age-gate-heading.age-gate-logo img {
	margin:0 auto 30px;
}

.age-gate-form h2 {
	font-size: 24px;
    line-height: 33px;
	color: #8d745a;
	font-family: droid-serif,serif;
}

.age-gate-form p {
	margin-bottom:25px;
	color:#bbaa98;
	font-size:16px;
	line-height:20px;
}

.age-gate-form button{
	    display: inline-block;
    color: #8d745a;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 19px;
    line-height: 24px;
    font-family: Georgia,Palatino,Palatino Linotype,Times,Times New Roman,serif;
	font-size: 13px;
    padding: 3px;
    width: 100px;
    margin: 5px;
    text-align: center;
	    background-color: #1f1c15;
    border: 1px solid #603916;
}

.age-gate-form button:hover {
	background-color: #151312;
	color:#ede0d2;
	cursor:pointer;
}

.c7-order-items ul{
	display:grid;
	border-bottom:0;
}