/*
Theme Name: Handley Cellars
Theme URI: http://handleycellars.com/
Author: Vin
Author URI: http://vinagency.com/


contents:
			reset
			fonts
			links
			transitions
			layout
			header
			footer
			util
			pages
			forms
			shop
			components
			grid
			media queries
			print
			theme alignment
			theme lightness

breakpoints:
			mobile 		<= 480
			tablet    	481 - 768
			sm desktop  769 - 959
			full 		>= 960

*/



/* =reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figcaption, footer, header, hgroup, menu, nav, output, ruby, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
html, body {
height: 100%;
max-height: 100%;
}
body {
line-height: 1;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
html {
overflow-y: scroll;
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
div, section, article,
aside, header, footer,
span, p, li, a, i,
input, iframe, img {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing:border-box;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
}
del {
color: #111;
}
ins {
text-decoration: none;
}
hr {
border: 0;
height: 0;
border-top:1px double #ccc;/*be9d63*/
background: transparent;
margin: 4em 0;
clear: both;
}
hr.tight {
margin:1em 0;
}
.text .byline + hr {
margin-bottom: 4em;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
vertical-align: bottom;
-ms-interpolation-mode: bicubic;
max-width: 100%;
height: auto;
}
button {
cursor: pointer;
}
::-moz-selection {
background: #333;
color: #fff;
}
::selection {
background: #333;
color: #fff;
}
iframe {
background-color: #fff;
padding:10px;
}



/* =fonts */

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 18px;
}

h1, h2, h3,
#logo {
font-family: 'Oswald', 'Times New Roman', Times, serif;
font-weight: normal;
/*text-transform: uppercase;*/
text-rendering: optimizeLegibility;
font-variant-ligatures: common-ligatures;
}
h1 {
font-family: 'Copperpenny', serif;
font-size: 2.5em;
line-height: 1em;
margin-top: 0;
margin-bottom: .5em;
text-align: center;
text-transform: none;
color:#BE9D63;
/*text-shadow:1px  1px 0 #FFFFFF, 2px 2px 0 #be9d63;*/
}
h2,
h1.entry-title,
.single-recipes h1,
.single-event h1 {
font-family: 'Oswald', 'Times New Roman', Times, serif;
font-size: 2em !important;
line-height: 1.25em;
margin-top: 1em;
margin-bottom: 1em;
text-align: center;
text-transform: none;
/*text-shadow:1px  1px 0 #FFFFFF, 2px 2px 0 rgba(0, 0, 0, 0.1);*/
}
h1.entry-title,
.single-event h1,
.single-recipes h1 {
text-transform: none;
}
.events-item h2 {
text-transform: none;
}
.item.events-item h3 {
font-family: 'Copperpenny', serif;
font-size: 1.25em;
line-height: 1em;
}
h2 {
color:#a75b00;
text-transform: uppercase;
}
h2 a,
h2 a:link,
h2 a:visited {
color:#a75b00;
}
.narrow h2:first-child {
padding-top: .5em;
}
h3 {
font-family: 'Copperpenny', serif;
font-size: 1.25em;
line-height: 1.25em;
/*letter-spacing: 1px;*/
/*padding-top:.25em;*/
margin-bottom: 1em;
text-align: center;
color:#BE9D63;/*#8c7853*/
/*text-shadow:1px  1px 0 #FFFFFF, 2px 2px 0 rgba(0, 0, 0, 0.1);*/
}
.item h3 {
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
font-size:1.5em;
text-align: center;
/*font-family: 'CopperpennyDTP', serif;*/
letter-spacing: 0;
}
.news-item h3 {
text-align: left;
margin-bottom: .5em;
}
h3 + h2 {
margin-top: 0;
}
h2 + h3 {
padding-top: .5em;
}
h4 {
font-size: 1em;
line-height: 1em;
margin-bottom: 1em;
font-weight: bold;
/*font-style: italic;*/
}

/*h2:first-child, h3:first-child, h4:first-child {
margin-top: 0;
}*/
p, address {
line-height: 1.5em;
margin-bottom: 1em;
}
label {
line-height: 1.5em;
margin-bottom: .5em;
color: #666;
text-transform: uppercase;
}
address {
font-style: normal;
}
li {
margin-bottom: .5em;
}
ol, ul {
margin-bottom: 1.5em;
}
ul {
padding-left: 15px;
}
ul li {
list-style-type: square;
}


[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: 'Icons';
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;
line-height: 1em;
margin-left: 0.2em;
}
.icon-plus:before { content: '\2b'; } /* '+' */
.icon-minus:before { content: '\2d'; } /* '-' */
.icon-menu:before { content: '\2630'; } /* '☰' */
.icon-mail:before { content: '\2709'; } /* '✉' */
.icon-check:before { content: '\2713'; } /* '✓' */
.icon-cancel:before { content: '\2715'; } /* '✕' */
.icon-basket:before { content: '\e73d'; } /* '' */
.icon-down-open:before { content: '\e75c'; } /* '' */
.icon-left-open:before { content: '\e75d'; } /* '' */
.icon-right-open:before { content: '\e75e'; } /* '' */
.icon-up-open:before { content: '\e75f'; } /* '' */
.icon-down-open-big:before { content: '\e764'; } /* '' */
.icon-left-open-big:before { content: '\e765'; } /* '' */
.icon-right-open-big:before { content: '\e766'; } /* '' */
.icon-up-open-big:before { content: '\e767'; } /* '' */
.icon-twitter:before { content: '\f309'; } /* '' */
.icon-facebook:before { content: '\f30c'; } /* '' */
.icon-gplus:before { content: '\f30f'; } /* '' */
.icon-pinterest:before { content: '\f312'; } /* '' */
.icon-linkedin:before { content: '\f318'; } /* '' */
.icon-user:before { content: '👤'; } /* '\1f464' */
.icon-phone:before { content: '📞'; } /* '\1f4de' */

.icon-print:before,
.icon-instagram:before,
.icon-foursquare:before,
.icon-youtube:before {
font-family: 'Icons2';
}
.icon-print:before { content: '\e803'; } /* '' */
.icon-foursquare:before { content: '\e800'; } /* '' */
.icon-youtube:before { content: '\e802'; } /* '' */
.icon-instagram:before { content: '\e801'; } /* '' */




/* =links */

a, a:link, a:visited {
color: #aaa;
color: rgba(0,0,0,.4);
}
a:hover, a:focus {
color: #a75b00;
color: rgba(0,0,0,.2)
}
a:focus,
a:active {
outline: 0 !important;
-moz-outline: 0 !important;
}
h1 a,
h2 a,
h3 a {
text-decoration: none;
}
h3 a:hover {
color:#A9B400;
}
.button,
.button:link,
.button:visited,
button,
input[type=submit],
.titlelink,
#backlink a,
#backlink a:link,
#backlink a:visited {
font-family: 'Oswald', sans-serif;
font-size: 13px !important;
line-height: 1em;
display: inline-block;
padding: 9px 10px 10px;
margin-bottom: 1em;
border-radius: 1px;
text-decoration: none;
cursor: pointer;
text-transform: uppercase;
}
.button.big-button {
padding:20px 20px;
/*font-size: 15px;*/
}
.button:hover,
.button:focus,
.button:active,
button:hover,
button:focus,
input[type=submit]:hover,
input[type=submit]:focus,
.titlelink:hover,
#backlink a:hover,
#backlink a:focus {
text-decoration: none;
}
.button-clear {
font-family: 'Oswald', sans-serif;
font-size: 14px;
line-height: 1em;
text-transform: uppercase;
display: inline-block;
text-decoration: none;
padding: 9px 0;
margin-bottom: 1em;
border-radius: 1px;
}
.button,
.button:link,
.button:visited,
button,
input[type=submit],
#vs2-cart-confirmation a,
#vs2-cart-confirmation-custom .button-review,
.titlelink,
#backlink a,
#backlink a:link,
#backlink a:visited {
background-color: #beb9a4;
border:none;
/*color: #fff;*/
/*background-color: #eee;
background-color: rgba(0,0,0,.05);
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,.2);*/
color: #111;
color: rgba(255,255,255,.9);
letter-spacing: 1px;
}
.button:hover,
.button:focus,
.button:active,
button:hover,
button:focus,
input[type=submit]:hover,
input[type=submit]:focus,
#vs2-cart-confirmation a:hover,
#vs2-cart-confirmation a:focus,
#vs2-cart-confirmation-custom .button-review:hover,
#vs2-cart-confirmation-custom .button-review:focus,
.titlelink:hover,
#backlink a:hover,
#backlink a:focus {
background-color: #be9d63;
border:none;
color: rgba(255,255,255,.9);
/*color: #fff;*/
/*background-color: #f5f5f5;
background-color: rgba(0,0,0,.05);
border: 1px solid: #ddd;*/
/*border: 1px solid rgba(0,0,0,.4);*/
/*color: rgba(0,0,0,.9);*/
}


.button.read-more {
margin-top: 5px;
}



p .button,
p .button:link,
p .button:visited,
p button {
margin-bottom: .5em;
}
.button i {
margin-left:-4px;
}
a.block {
display: block;
text-decoration: none;
}
a.block * {
color: #342B1C;
}

a.block h2 {
color: #8C7853;
}
a.block:hover h2 {
color: #A75B00;
}

a.block:hover h3 {
color: #A75B00;
}
/*a.block img {
background-color: yellow;
}
a.block:hover img {
opacity:.7;
}*/
a.block h3 {
color:#8C7853;/* a75b00 */
}


/* =transitions */

a, a:link, a:hover, a:focus, a:active, a:focus:hover, a:focus:active, a:active:hover,
button, button:hover, button:focus,
input[type=submit], input[type=submit]:hover, input[type=submit]:focus,
input,
select,
input[type=text],
input[type=email],
input[type=password],
textarea,
.vsText,
input:focus,
select:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
textarea:focus,
.vsText:focus,
#menu-toggle,
#menu-toggle:hover,
a.block *,
a.block:link *,
a.block:visited *,
a.block:hover *,
a.block:focus * {
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;
}


/* =layout */

#container,
#header,
#main,
#footer {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing:border-box;
}
#container {
/*padding-bottom: 2em;*/
background-color: #e8e3d8;/*#999966;*/ /*efeddf*/
/*margin: 0 auto;*/
/*max-width: 980px;*/
}
#main {
max-width: 1440px;
margin:0 auto;
min-height: 300px;
background-color: #fff;
border-radius:2px;
padding-top: 2em;
padding-bottom: 3em;
z-index:1;
/*background: url(/images/zigzag_gold.png) 0 bottom -20px repeat-x #fff;*/
/*padding-bottom: 80px;*/
}

.half {
width: 50%;
float: left;
}
.third {
width: 33%;
float: left;
padding-right: 10px;
}
.quarter {
width: 25%;
float: left;
}
.single-column {
max-width: 520px;
}
.narrow {
max-width: 520px;
margin-left: auto;
margin-right: auto;
}
.medium {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}



/* =header */

#header {
display: block;
padding-top: 2em;
padding-bottom: 1em;
background-color: #e8e3d8;
background: url(/images/zigzag_beige.png) 0 -40px repeat-x #e8e3d8;
z-index:100;
/*box-shadow: 0 0 10px rgba(0,0,0,.05);*/
/*border-bottom:4px double #be9d63;*/
/*outline:1px solid rgba(0,0,0,.2);*/
/*border-bottom:3px solid #be9d63;*/
}
#logo {
margin-top: 1em;
padding-bottom: 2em;
max-width: 100%;
background-color: #e8e3d8;/*#999966;*/
}
#logo a {
display: inline-block;
text-decoration: none;
max-width: 100%;
padding:10px 20px;
}
#logo a:hover {
/*opacity:.8;*/
/*padding:5px 10px;*/
}
#logo img {
width:100%;
max-width: 320px;
height:auto;
margin-bottom: 0;
}
.menu-wrapper {
overflow: hidden;
}
.menu {
margin: 0;
padding-left: 0;
font-size: 0;
}
.menu li {
margin-bottom: 1px;
}
header .menu a {
text-decoration: none;
display: block;
padding: .5em 10px;
border: 1px solid transparent;
border-radius: 2px;
outline: none;
font-family: 'Oswald', sans-serif;
/*font-weight: 300;*/
font-size: 14px;
text-transform: uppercase;
color:#8C7853;
}
.menu > li {
display: inline-block;
position: relative;
margin: 0 1px 1px;
}
.menu a:hover,
.menu a:focus {
}
.menu .current-menu-item > a,
.menu .current-page-ancestor > a,
.menu .current_page_parent > a {
}
.menu .current-menu-item > a:hover,
.menu .current-menu-item > a:focus,
.menu .current-page-ancestor > a:hover,
.menu .current-page-ancestor > a:focus,
.menu .current_page_parent > a:hover,
.menu .current_page_parent > a:focus {
}
.menu .sub-menu {
font-size: 14px;
}
.sub-menu li {
display: block;
list-style: none;
}
.sub-menu a {
display: block;
border: 1px solid transparent;
}
.sub-menu a:hover,
.sub-menu a:focus {
outline: none;
border: 1px solid transparent;
}


/* =footer */

#footer {
padding-left:30px;
padding-right:30px;
padding-bottom: 6em;
font-size: 1em;
background-color: #e8e3d8;
}
#footer .container {
/*background-color: #fff;*/
border-top:1px solid #ccc;
padding-top: 3em;
padding-bottom: 4em;
}
#footer p,
#footer address,
#footer li {
text-transform: uppercase;
font-size: 11px;
/*color: #aaa;*/
/*color: rgba(0,0,0,.4);*/
color:#8c7853;
}
#footer ul {
padding-left: 0;
}
#footer li {
list-style: none;
text-align: left;
margin:0 0 5px;
}
#footer h3 {
font-size: 1em;
text-align: left;
letter-spacing: 1px;
padding-top: 5px;
color: #594a30;
margin-top: 0;
}
#footer a {
text-decoration: none;
display: block;
}
#footer a,
#footer a:link,
#footer a:visited {
/*color:rgba(0,​ 0,​ 0,​ 0.4);*/
color:#8c7853;
}
#footer a:hover,
#footer a:focus,
#footer .connect-links a:hover,
#footer .connect-links a:focus {
color:#a9b400;
}
.footer-branding {
padding: 0 0 3em;
}
#footer .menu {
font-size:0;
}
#footer .menu li {
width:50%;
display: inline-block;
}
.winery-info {
margin-left:18%;
margin-top:2em;
overflow: hidden;
}
.connect-links {
text-align: center;
font-size: 0;
padding-top: 20px;
}
#footer .connect-links a {
padding:5px;
font-size: 15px;
display: inline-block;
color:#594a30;
}
#footer .connect-links i {
font-size: 15px;
}

#top-link {
position: absolute;
left:0;
bottom:0;
width:100%;
text-align: center;
}
#top-link a,
#top-link a:link,
#top-link a:visited {
display: inline-block;
padding:8px 10px;
background: #BEB9A4;
color:rgba(255,255,255,.8);
border-radius: 1px;
}
#top-link a:hover,
#top-link a:focus {
background: #BE9D63;
padding-bottom: 15px;
color: #fff;
}

#credits {
position: absolute;
bottom:10px;
right:30px;
width: 30.8%;
/*color:#666 !important;*/
/*position: relative;*/
display: inline-block;
cursor: help;
opacity: .4;
text-align: right;
}
#credits:hover {
opacity: 1;
}
#credits-info {
display: block;
display: none;
position: absolute;
top: -11px;
left:0;
width:100%;
height: 4em;
padding: 10px 0 0;
z-index: 100;
cursor: default;
line-height: 1.5em;
text-align: right;
background-color: #e8e3d8;/*#999966;*/
}
#footer #credits-info a {
text-decoration: none;
padding:0;
color:rgba(0,0,0,.4);
}
#credits #credits-info a:hover {
color:#a9b400
}
.footer-text {
}
.footer-text a {
text-decoration: none;
}
.divider {
display: inline-block;
margin: 0 5px;
}



/* =pages */


#archives-content,
#resources-content {
display: none;
}

.homepage-bottom-item {
margin-bottom: 0;
}
.homepage-bottom-item.quarter {
padding:0 10px;
}
.homepage-bottom-item p,
.homepage-bottom-item h3 {
padding:0 10px;
}
.homepage-bottom-item h3 {
text-align: left;
margin-bottom: .5em;
color:#A75B00;
/*border:1px dotted #ccc;*/
/*background-color: #f1f1f1;*/
}
.homepage-bottom a.block:hover h3 {
color:#A9B400;
}
.homepage-bottom-item a.block:hover {
}
.homepage-bottom img {
margin-bottom: 0;
}
#homepage-gallery {
min-height: 400px;
position: relative;
}

#homepage-gallery:hover .button-next,
#homepage-gallery:hover .button-previous,
.centerpiece-gallery:hover .button-next,
.centerpiece-gallery:hover .button-previous {
opacity:1;
}
.button-next,
.button-previous {
opacity: 0;
position: absolute;
z-index: 1000;
top:45%;
padding:10px;
display: block;
background-color: rgba(255,255,255,1);
color: #111;
}
div.button-next,
div.button-previous {
padding:0;
}
div.button-next a,
div.button-previous a {
padding:10px;
display: block;
color: #111;
}

#homepage-gallery .button-next,
#homepage-gallery .button-previous,
.centerpiece-gallery .button-next,
.centerpiece-gallery .button-previous {
opacity: 0;
}
.centerpiece-gallery .button-next {
right:1px;
}
.centerpiece-gallery .button-previous {
left:1px;
}

.button-next:hover,
.button-next:focus,
.button-previous:hover,
.button-previous:focus,
.button-next a:hover,
.button-next a:focus,
.button-previous a:hover,
.button-previous a:focus {
color:#111;
}
div.button-next a:hover {
padding-right:15px;
}
a.button-next:hover {
padding-right:15px;
}
div.button-previous a:hover {
padding-left:15px;
}
a.button-previous:hover {
padding-left:15px;
}


div.button-next a:active,
.button-next:active,
.button-next:active {
padding-right:10px;
}
div.button-previous a:active,
.button-previous:active,
.button-previous:active {
padding-left:10px;
}

.button-next {
right:0;
}
.button-previous {
left:0;
}
/*
.centerpiece-gallery .button-next,
.centerpiece-gallery .button-previous {
background-color: rgba(0,0,0,.8);
color: #fff;
}*/


.events-item h2 {
text-align: center;
}
.events-item  p {
margin-bottom: 0;
}
.events-item hr {
margin:1em 0 !important;
}


.recipes a.block {
background-color: #fff;
}
.recipes .block h3 {
padding-bottom: 1.5em;
}

.club-item {
text-align: center;
}
/*.club-item p,*/
.club-item .placeholder {
margin-bottom: 0;
}

.wine-items {
padding-top: 2em;
}
.wines-item:first-child {

}
.wines-item h2 {
margin-top: 0;
padding-top: 0;
}

.team-item {
border-top:1px solid rgba(0,0,0,.2);
padding:3em 0 3em;
margin-bottom: 3em;
}
.team-item:first-child {
padding-top: ;
border-top: 0;
}
.team-item h3 {
padding-top: 2em;
}

.trade-main {
position: relative;
padding-bottom: 6em;
}
.trade-main section {
margin-bottom: 2em;
}
.trade-main h2,
.brand-assets h2 {
padding-top: 2em;
}

.trade-item {
border-top:1px solid rgba(0,0,0,.2);
padding:.25em 5px;
margin-bottom: 0;
overflow: hidden;
line-height:2em;
}
.trade-item.no-border {
border-top: 0;
}
.trade-item p {
margin-bottom: 0;
}
.trade-item p:first-child {
float:left;
}
.trade-item p + p {
float:right;
}
.trade-item a {
float:right;
text-decoration: none;
font-size:10px;
line-height:2em;
text-transform: uppercase;
padding:2px 6px;
border:1px solid #ddd;
margin-left: 3px;
}
.trade-item a:hover,
.trade-item a:focus {
color:#a9b400;
border-color: #a9b400;
}
.trade-item + h3 {
margin-top: 1.5em;
}
.navbar,
.sticky-navbar {
position: relative;
z-index: 100;
top:0;
left:0;
line-height: 21px;
text-align: center;
width: 100%;
background-color: #fff;
padding: 10px 0;
border-bottom:1px solid #ccc;
}
.sticky-navbar.isStuck {
max-width: 100%;
}
.navbar ul,
.sticky-navbar ul {
margin-bottom: 0;
padding-bottom: 0;
padding-left:0;
}
.navbar li,
.sticky-navbar li {
list-style: none;
display: inline-block;
font-family: 'Oswald', sans-serif;
font-size:15px;
text-transform: uppercase;
margin-bottom: 0;
}
.navbar li.nav-label {
padding:0 10px 10px;
color:#999;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
display: block;
text-align: center;
}
.navbar li.nav-label span {
cursor: pointer;
}

.navbar a,
.sticky-navbar a {
display: block;
text-decoration: none;
padding:0 10px;
}
.navbar li.active a,
.sticky-navbar li.active a {
color:#A75B00;
}
.navbar-wrapper,
.sticky-navbar-wrapper {
position: relative;
}
.recipes-nav {
padding-top: 0;
}
.stuck-menu-item.active {
color:#000;
}




.grid-3 .col-4:nth-child(3),
.grid-3 .col-3:nth-child(3) {
margin-right: 0;
}
.grid-4 .col-3:nth-child(4) {
margin-right: 0;
}
.grid-3 h3,
.grid-3 p {
padding-left: 10px;
padding-right: 10px;
}


.single-recipes img,
.single-recipes .placeholder {
margin-bottom: 1.5em;
}
.single-recipes .placeholder {
min-height: 400px;
}

.single-recipes h1,
.single-news h1,
.single-event h1 {
font-size:2.5em;
max-width: 640px;
margin: 0 auto 1em;
text-transform: uppercase;
}

.single-recipes h2,
.single-news h2,
.single-event h2 {
margin-top: .25em;
}
.single-recipes h3 {
margin-top: 2em;
}

.event-location {
text-align: center;
}




.form-mailing-list input[type=text],
.form-mailing-list input[type=email],
.form-mailing-list select {
width:100%;
}


.wpcf7-form {
overflow: hidden;
}
.wpcf7-form textarea,
.wpcf7-form input[type=text],
.wpcf7-form input[type=email]{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
width: 100%;
}
.wpcf7-form .wpcf7-response-output {
background-color: #fff;
padding:10px;
}
.wpcf7-form span.wpcf7-not-valid-tip {
position: relative;
display: block;
left: 0;
top:100%;
padding:5px 0;
border:0;
color:#aa0000;
background-color: transparent;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}

/*highlight*/
.single-events #menu-item-276 > a,
.post-type-archive-events #menu-item-276 > a,
.blog #menu-item-276 > a,
.single-post #menu-item-276 > a,
.single-events #menu-item-873 > a,
.page-template-page-templateswine-and-food-template-php #menu-item-272 > a,
.post-type-archive-recipes #menu-item-272 > a,
.single-recipes #menu-item-272 > a {
color:#A75B00;
}
/*don't highlight*/
header .single-events #menu-item-872 > a,
header .post-type-archive-events #menu-item-872 > a,
header .page-template-page-templateswine-and-food-template-php #menu-item-872 > a,
header .post-type-archive-recipes #menu-item-872 > a,
header .single-recipes #menu-item-872 > a {
color: #8b8882 !important;
/*color:rgba(0,0,0,.4);*/
}








/* =forms */

input,
input[type=text],
input[type=email],
input[type=password],
input[type=number],
select,
textarea,
.vsText,
.vs-text,
.vs-email {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
input,
input[type=text],
input[type=email],
input[type=number],
input[type=password],
select,
textarea {
padding: 5px;
background-color:#fff;
color: #666;
color: rgba(0,0,0,.8);
border: 1px solid #ccc;
/*border: 1px solid rgba(0,0,0,.4);*/
border-radius: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
input[type=text],
input[type=email],
input[type=number],
input[type=password],
select,
textarea {
width:100%;
}
input:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
select:focus,
textarea:focus,
.vs-text:focus,
.vs-email:focus {
color: #111;
color: rgba(0,0,0,.9);
border: 1px solid #aaa;
/*border: 1px solid rgba(0,0,0,.6);*/
}
form .row {
margin-bottom: 1em;
}

label {
font-size: 12px;
}
label input,
label select,
label textarea {
margin-top: .5em;
}
.vs-field {
margin-bottom: 1em;
}
fieldset {
padding: 15px;
margin-bottom: 1.5em;
}
fieldset:last-child {
margin-bottom: 0;
}
legend {
padding-left: 5px;
padding-right: 5px;
font-weight: 700;
margin-left: -5px;
}



/* =util */

.lo-fi {
display: none;
}
.lightbox {
position: relative;
display: block;
}
.lightbox .zoom {
opacity:1;
position: absolute;
z-index: 1000;
bottom:1px;
right:1px;
font-size:1.5em;
color:#aaa;
background-color: #fff;
padding:8px 5px;
}
.lighbox:hover i,
.lighbox:hover i:before {
color:#111 !important;
opacity: 1;
padding:13px 10px;
}


.image-library {
overflow: hidden;
text-align: center;
}
.image-library .image-item {
display:inline-block;
overflow: hidden;
margin-right: 20px;
}
.image-library .trade-item {
display:inline-block;
/*float:left;
text-align: left;*/
}
.image-library img {
display: block;
max-height:150px;
height:150px;
width:auto;
max-width: inherit;
border:1px solid rgba(0,0,0,.2);
margin-bottom: 5px;
}

.image-library .label {
margin:5px 0;
padding:2px 0;
display: inline-block;
float:left;
font-size:10px;
text-transform: uppercase;
text-decoration: none;
text-align: left;
}
.image-library .label,
.image-library .download {
margin:5px 0;
padding:2px 0;
/*border:1px solid rgba(0,0,0,.2);*/
text-decoration: none;
display: inline-block;
float:right;
text-decoration: none;
font-size:10px;
text-align: center;
text-transform: uppercase;
padding:2px 6px;
/*border:1px solid #ddd;*/
/*display: none;*/
opacity:0;
}
.image-item:hover .download {
opacity:1;
}
.image-library a:hover .download,
.image-library a:focus .download {
color:#a9b400;
border-color: #a9b400;
}



.isotope > .item {
margin-bottom: 3em;
/*float:none;*/
}
.isotope > .item:nth-child(3n) {
clear:right;
margin-right: 0;
}
.isotope .item img {
max-width: 100%;
height:auto;
}
.isotope .item a {
max-width:100%;
}

table.bordered {
border-collapse: collapse;
width: 100%;
margin: 1em 0;
border-top:none;
/*border-bottom:1px solid rgba(0,0,0,.1);*/
}
.bordered td,
.bordered th {
border-bottom:1px solid rgba(0,0,0,.1);
padding: 5px;
}
.bordered th {
text-transform: uppercase;
color: #aaa;
vertical-align: bottom;
}
.bordered td {
vertical-align: middle;
}

.swatches {
text-align: center;
text-transform: uppercase;
}
.swatch {
display: block;
height:60px;
width:100%;
margin-bottom: 10px;
outline:1px solid #ccc;
}
.post-navigation h1 {
display: none;
}
.post-navigation {
overflow: hidden;
}
#nav-below {
border:1px solid rgba(0,0,0,.1);
}
#nav-below:hover {
border:1px solid #A9B400;
}
.post-navigation a {
display: block;
width:50%;
float:left;
font-family: 'Oswald', sans-serif;
font-size: 15px;
line-height: 1.25em;
padding: 20px 20px;
margin-bottom: 0;
border-radius: 1px;
text-decoration: none;
cursor: pointer;
text-transform: uppercase;
/*text-align: center;*/
/*background-color: #8C7853;
color: #fff;*/
}
.post-navigation a:hover {
/*background-color: #A9B400;*/
border-color:#A9B400;
color: #A9B400;
}
.nav-previous a {
border-right:none;
}
.nav-next a {
border-left:none;
}

.centerpiece-gallery {
position: relative;
}
.bx-controls {
margin-top:1em;
}

.contact-info strong {
display: inline-block;
width:60px;
}
.white-box {
/*margin-top: 1em;*/
padding: 30px;
background: #fff;
border:4px double rgba(0,0,0,.1);
border-bottom:4px double rgba(0,0,0,.2);
margin-bottom: 1em;
}
.white-box p:last-child {
margin-bottom: 5px;
}
/*.white-box h3 {
color: #A75B00;
font-family: 'Oswald','Times New Roman',Times,serif;
font-size: 18px;
}*/
.zigzag {
display: block;
margin:2em auto;
width:100%;
/*border-top:4px solid #be9d63;*/
/*height:51px;*/
height:25px;
background: url(/images/zigzag_gold.png) 0 0 repeat-x transparent;
border:none;
}
.zigzag2 {
display: block;
margin:2em auto;
width:100%;
/*border-top:4px solid #be9d63;*/
/*height:51px;*/
height:25px;
background: url(/images/zigzag_gold.png) 0 100% repeat-x transparent;
border:none;
}
.diamond {
display: block;
width:26px;
height:30px;
background: url(/images/diamond_gold.png) 0 0 no-repeat transparent;
margin:1em auto;
border:none;
}
.photo {
padding:10px;
border:1px solid #ddd;
border-bottom:1px solid #ccc;
border-radius: 1px;
/*border:10px solid #efeddf;*/
}
.col-3 .photo {
padding:8px;
}
hr.small {
margin:2em auto;
width:80px;
/*background-color: #a9b400;*/
height:0 !important;
/*border-top:4px double #a9b400;*/
border:none;
background: transparent;
border-top:4px double #ccc;/*be9d63*/

/*height: 1px;
background-color: #ccc*/
}
.beige {
background-color: #BEB9A4;
}
ul.plain {
margin-left: 0;
padding-left: 0;
}
ul.plain li {
list-style: none;
}
ul.plain a {
text-decoration: none;
}
.more-link,
a.block .more-link {
color:#A9B400;
font-style: italic;
padding-top:5px;
padding-bottom:5px;
display: inline-block;
}
.container {
padding-left: 40px;
padding-right: 40px;
max-width: 1280px;/*1040px*/
margin-left:auto;
margin-right:auto;
}
.placeholder {
background-color: rgba(0,0,0,.2);
min-height: 200px;
margin-bottom: 1.5em;
}
.photo .placeholder {
margin-bottom: 0;
}
div.photo {
margin-bottom: 1.5em;
}
.shop-placeholder {
min-height: 400px;
}
.placeholder h2 {
padding-top: 1em;
text-align: center;
}
.clear {
clear: both !important;
float:none !important;
}
.clearfix:after,
.wrapper:after,
.row:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix             { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }
* html .wrapper              { zoom: 1; }
*:first-child+html .wrapper  { zoom: 1; }
* html .row              	 { zoom: 1; }
*:first-child+html .row  	 { zoom: 1; }

.align-left {
text-align: left;
}
.align-right {
text-align: right;
}
.space-right {
margin-right: 10px;
}
.space-left {
margin-left: 10px;
}
.margin-top {
margin-top: 1.5em;
}
.space-top {
margin-top: 1em;
}
.big-space-top {
margin-top: 3em;
}
.no-space-top {
margin-top: 0 !important;
padding-top: 0 !important;
}
.no-space-bottom {
margin-bottom: 0;
padding-bottom: 0;
}
.small-space-top {
padding-top: .5em;
}
.space-bottom {
padding-bottom: 1em;
}
.big-space-bottom {
margin-bottom: 0;
padding-bottom: 4em;
}
.no-margin-top {
margin-top: 0;
}
.no-margin-bottom {
margin-bottom: 0;
}
.small-margin-bottom {
margin-bottom: .5em;
}
.centered {
text-align: center;
}

input[type=submit].search-submit {
padding: 3px 5px;
}
.widget {
margin-bottom: 2em;
}
.narrow .search-field {
width: 100%;
margin-bottom: 1em;
}
.disable-hover,
.disable-hover * {
  pointer-events: none !important;
}



/* shop */

.shop-landing-item {
padding:0 10px;
min-height: 200px;
margin-bottom: 1.5em;
position: relative;
text-align: center;
}
.shop-landing-item a {
padding:10px;
display: block;
vertical-align: center;
border:1px solid #ddd;
border-bottom:1px solid #ccc;
}
.shop-landing-item h3 {
position: absolute;
z-index: 1;
top:100px;
left:0;
width:100%;
opacity: 0;
-webkit-transition: none;
-moz-transition:  none;
-ms-transition:  none;
-o-transition:  none;
transition:  none;
-webkit-transition: opacity 1s ease-out;
-moz-transition: opacity 1s ease-out;
-ms-transition: opacity 1s ease-out;
-o-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
-webkit-transition: color .5s ease-out;
-moz-transition: color .5s ease-out;
-ms-transition: color .5s ease-out;
-o-transition: color .5s ease-out;
transition: color .5s ease-out;
/*-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-ms-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;*/
}
.js .vertically-center {
}
.shop-landing-item a:hover h3 {
color:#fff;
text-shadow: 0 0 1px #000;
}
.shop-landing-item img {
position: relative;
z-index: 0;
opacity:0.1;
max-width: 100%;
height:auto;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-ms-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
}
.shop-landing-item:hover img {
opacity:1;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-ms-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
}
.shop-landing-item:hover {
opacity:1 !important;
}

.shop-landing-item .placeholder {
padding:20px;
}

#shop-landing-reds {}
#shop-landing-whites {}
#shop-landing-rose {}
#shop-landing-club {}


.productlist {}
.productlist-item:nth-child(3).col-3,
.productlist-item:nth-child(6).col-3,
.productlist-item:nth-child(9).col-3,
.productlist-item:nth-child(12).col-3,
.productlist-item:nth-child(15).col-3,
.productlist-item:nth-child(18).col-3 {
margin-right: 0;
}
.productlist-item a:hover h2 {
color:#111;
}
.productlist-image {
float:left;
max-width:30%;
}
.productlist-image img {
max-width: 75px;
height: auto;
}
.productlist-details {
float:left;
max-width:70%;
padding-left:15px;
}
.productlist-details h2 {
padding-top: 0;
margin-top: 0;
text-align: left;
font-size: 1.5em !important;
line-height: 1.125em;
/*font-size:15px !important;
line-height: 18px !important;*/
color:#a75b00;
}
.productlist-teaser {
margin-bottom: 0;
}
.productlist-form {
max-width: 250px;
}
.productlist-form-row,
.productdetail-form-row {
padding:0 0 0;
font-size:0;
}
.productlist-form-footer,
.productdetail-form-footer {
padding:10px 0 0;
}
.productlist-form-footer *,
.productdetail-form-footer * {
vertical-align: top;
}

.productlist-form-label,
.productdetail-form-label {
display: inline-block;
width: 60%;
max-width: 60%;
font-size:12px;
text-transform: uppercase;
color: #aaa;
}
.productlist-form-price,
.productdetail-form-price {
display: inline-block;
width: 40%;
max-width: 40%;
font-size:13px;
font-weight: bold;
text-align: left;
}

.productdetail-image {
text-align: center;
}
.productdetail-details {
min-height: 600px;
padding-left: 30px;
border-left:4px double #ddd;
padding-right: 30px;
border-right:1px solid #ddd;
padding-bottom:2em;
}

.productdetail-form {
padding:1em 0;
border-top:4px double #ddd;
/*border-bottom:1px solid #ddd;*/
}

.productdetail-form form {
max-width: 250px;
margin:0 auto;
}
.productdetail-form-row {
}
.productdetail-form-footer {
}
.productdetail-details h1,
.productdetail-details h2 {
margin-top: 1em;
}

.quantity-input {
width:40px;
padding:8px ;
line-height: 12px;
display: inline-block;
text-align: center;
font-size:12px
}
#top button.addtocart,
#top button.addtocart {
padding:9px 8px 10px !important;
}

.productlist-container .shop-sidebar {
padding-left: 30px;
border-left: 1px solid #ddd;
}

.productdetail-container .shop-sidebar {
/*padding-top:2.5em;*/
}
.productlist-container h4 {
text-align: center;
max-width:640px;
margin-left:auto !important;
margin-right:auto !important;
display: block;
padding:5px 0;
text-align: center;
}
.productlist-container h4 + a {
text-align: center;
margin-left:auto !important;
margin-right:auto !important;
display: block;
/*padding:5px 0;*/
text-align: center;
max-width: 280px;
}


.shop-sidebar h3 {
margin-bottom:.5em;
text-transform: capitalize;
text-align: left;
}
.shop-sidebar ul li {
list-style: none;
font-size: 12px;
}
.shop-sidebar a {
text-decoration: none;
}
.shop-sidebar-cart h3 + ul li:first-child {
margin-bottom: 1em;
}


/*.shop-sidebar {
padding-left:20px;
border-left:1px solid #ddd;
}*/
.cart-total {
font-family:'Oswald',sans-serif;
letter-spacing: .5px;
font-size:1.5em;
}
.shop-sidebar {
text-transform: uppercase;
}
.shop-sidebar ul {
padding-left: 0;
margin-left: 0;
}

.account-actions {
padding:1em;
margin-top: 0;
}
.account-actions h3 {
overflow: hidden;
}

.account-actions h3 a {
float:right;
text-transform: uppercase;
font-family:Arial, sans-serif;
font-size:12px;
}

.error {
margin-bottom: 1.5em;
/*max-width: 640px;*/
display: block;
}
.productlist-container .row {
margin-bottom: 1.5em;
}
.error:empty {
display: none;
}
.clubdesc,
.clubstat {
padding:5px 0;
}
.amsrow {
margin-bottom: 1em !important;
}
.wines-more-links {
color: #ccc;
}
.wines-more-links a {
color:#111;
}

.lineitemwrappersub .lineitem > div {
padding:10px 0;
}
.retcust,
.newcust {
text-align: left;
}

h3.amsh3 {
text-align: left !important;
}

#coupon {
margin-bottom: 1em;
}
#carttable .CFROW1, .CFROW1 {
font-family: Arial, sans-serif;
}
#shortrow .row {
margin-bottom: 0;
}
.no-actions {
padding:1em 15px;
}
.order-confirmation {
padding:20px;
border:1px solid #ccc;
}


.retcust .error {
}
.linewrap {
/*overflow: hidden;*/
clear:both;
}
body #headings {
overflow: hidden;
}
body #headings div {
border-bottom: 1px solid #ccc;
color: inherit;
float: left;
font-size:14px;
color:#aaa;
/*font-size: 18px;*/
font-weight: normal;
padding: 1em 0 .5em;
margin-bottom: .5em;
text-align: left;
text-transform: uppercase;
}
#backlink {
float:right;
text-decoration: none;
}
#checkoutstep {
margin:0 auto;
max-width: 640px;
}
#checkoutstep label {
margin-top: 1em;
}
#checkoutstep input {
max-width:600px;
}


#logwrap .retcust, #logwrap .newcust {
padding-right:20px;
}
.clearline {
margin:1em 0;
}
.help-block {
color: #aaa;
margin:.5em 0 1em;
}
.required {
color:#a75b00;
font-weight: bold;
}

#checkoutlogin_form {
margin:0 auto;
max-width:400px;
/*text-align: center;*/
}
#checkoutlogin_form label,
#checkoutlogin_form input[type=text] {
display: block;
width:100% !important;
max-width:100% !important;
}

h3.head + p {
margin:0 auto 1.5em;
max-width:400px;
text-align: center;
}





/* =components */


/* follow us */

#follow {
max-width: 300px;
margin: 1em auto;
text-align: center;
}
#follow-form {
display: none;
}



/* sharrre */

#sharrre {
text-align: center;
font-size:1.5em;
}

.sharrre .box{
/*float:left;*/
}
.sharrre .count {
color:#444444;
display:block;
font-size:17px;
line-height:34px;
height:34px;
padding:4px 0;
position:relative;
text-align:center;
text-decoration:none;
width:50px;
background-color:#eee;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.sharrre .share {
color:#FFFFFF;
display:block;
font-size:11px;
height:16px;
line-height:16px;
margin-top:3px;
padding:0;
text-align:center;
text-decoration:none;
width:50px;
background-color:#9CCE39;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.sharrre .buttons {
display:none;
position:absolute;
margin-left:50px;
z-index:10;
background-color:#fff;
}
.sharrre .share-button {
float:left;
max-width:50px;
margin-left:10px;
}
.sharrre a {
margin:0 5px;
}



/* bxslider */

.js .bx-wrapper {
opacity:0;
-webkit-transition: opacity 1s ease-out;
-moz-transition: opacity 1s ease-out;
-ms-transition: opacity 1s ease-out;
-o-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
}
.bx-slider {
padding:0;
}
.bx-slider li:first-child {
display: block;
}
.bx-slider li {
display: none;
text-align: center;
}
.bx-wrapper {
position: relative;
margin: 0 auto 60px;
padding: 0;
*zoom: 1;
}
/*.bx-wrapper,
.bx-viewport {
min-height:400px;
}*/
.bx-wrapper img {
max-width: 100%;
display: inline-block;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: -30px;
width: 100%;
}
.bx-wrapper .bx-pager {
display: none;
}
.bx-wrapper .bx-loading {
min-height: 50px;
background: url(images/bxslider/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
}
.bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
}
.bx-wrapper .bx-prev {
left: 10px;
background: url(images/bxslider/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
right: 10px;
background: url(images/bxslider/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-prev:hover {
background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
.bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(images/bxslider/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(images/bxslider/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
}
.bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}




/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #000000;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

/*.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }*/

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 1.5em !important;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  /*filter: alpha(opacity=65);*/
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 50px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-size: 1.5em;
}
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
/*    width: 0;
    height: 0;*/
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
/*  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }*/

.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
/*border-right: 17px solid white;*/
margin-left: 11px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
margin-left: 15px;

/*border-right: 27px solid #3f3f3f;*/
}

.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
/*border-left: 17px solid white;*/
margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
/*border-left: 27px solid #3f3f3f;*/ }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }


/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}


.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out; 
  -moz-transition: all 0.3s ease-out; 
  -o-transition: all 0.3s ease-out; 
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.9;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}









/* =grid */

/* Columnal - core */

.row {
clear: both;
width: 100%;
margin: 0 auto;
/*max-width: 1140px;*/
/*overflow: hidden;*/
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11 {float: left; margin-right: 3.8%; position: relative;}

.col-1 {width: 4.85%;}  /* ie - 4.7% */
.col-2 {width: 13.5%;}  /* ie - 13.2% */
.col-3 {width: 22.15%;} /* ie - 22.05% */
.col-4 {width: 30.8%;} 	/* ie - 30.6% */
.col-5 {width: 39.45%;} /* ie - 39% */
.col-6 {width: 48.1%;} 	/* ie - 48% */
.col-7 {width: 56.75%;} /* ie - 56.75% */
.col-8 {width: 65.4%;} 	/* ie - 61.6% */
.col-9 {width: 74.05%;} /* ie - 74.05% */
.col-10 {width: 82.7%;} /* ie - 82.7% */
.col-11 {width: 91.35%;}/* ie - 91.35% */
.col-12 {clear: both; width: 100%; float: left;}

.last, .omega {margin-right: 0 !important;}
img, object, embed {max-width: 100%;}

.col-2 .col-1 {margin-right: 28.62%; width: 35.69%;}
.col-2 .pre-1 {padding-left: 35.69%;}
.col-2 .suf-1 {padding-right: 35.69%;}

.col-3 .col-2, .col-3 .col-1 {margin-right: 17.45%;}
.col-3 .col-1 {width: 21.7%;}
.col-3 .col-2 {width: 60.86%;}

.col-3 .pre-1 {padding-left: 21.7%;}
.col-3 .pre-2 {padding-left: 60.86%;}

.col-3 .suf-1 {padding-right: 21.7%;}
.col-3 .suf-2 {padding-right: 60.86%;}

.col-4 .col-3, .col-4 .col-2, .col-4 .col-1 {margin-right: 12.36%;}
.col-4 .col-1 {width: 15.73%;}
.col-4 .col-2 {width: 43.82%;}
.col-4 .col-3 {width: 71.91%;}

.col-4 .pre-1 {padding-left: 28.09%;}
.col-4 .pre-2 {padding-left: 56.18%;}
.col-4 .pre-3 {padding-left: 84.27%;}

.col-4 .suf-1 {padding-right: 28.09%;}
.col-4 .suf-2 {padding-right: 56.18%;}
.col-4 .suf-3 {padding-right: 84.27%;}

.col-5 .col-4, .col-5 .col-3, .col-5 .col-2, .col-5 .col-1 {margin-right: 9.7%;}
.col-5 .col-1 {width: 12.24%;}
.col-5 .col-2 {width: 34%;}
.col-5 .col-3 {width: 56.28%;}
.col-5 .col-4 {width: 78%;}

.col-5 .pre-1 {padding-left: 21.94%;}
.col-5 .pre-2 {padding-left: 43.7%;}
.col-5 .pre-3 {padding-left: 65.98%;}
.col-5 .pre-4 {padding-left: 87.7%;}

.col-5 .suf-1 {padding-right: 21.94%;}
.col-5 .suf-2 {padding-right: 43.7%;}
.col-5 .suf-3 {padding-right: 65.98%;}
.col-5 .suf-4 {padding-right: 87.7%;}

.col-6 .col-5, .col-6 .col-4, .col-6 .col-3, .col-6 .col-2, .col-6 .col-1 {margin-right: 7.77%}
.col-6 .col-1 {width: 10.19%;}
.col-6 .col-2 {width: 28.13%;}
.col-6 .col-3 {width: 46.11%;}
.col-6 .col-4 {width: 64.1%;}
.col-6 .col-5 {width: 82%;}

.col-6 .pre-1 {padding-left: 89.77%;}
.col-6 .pre-2 {padding-left: 71.87%;}
.col-6 .pre-3 {padding-left: 53.88%;}
.col-6 .pre-4 {padding-left: 35.9%;}
.col-6 .pre-5 {padding-left: 17.96%;}

.col-6 .suf-1 {padding-right: 89.77%;}
.col-6 .suf-2 {padding-right: 71.87%;}
.col-6 .suf-3 {padding-right: 53.88%;}
.col-6 .suf-4 {padding-right: 35.9%;}
.col-6 .suf-5 {padding-right: 17.96%;}

.col-7 .col-6, .col-7 .col-5, .col-7 .col-4, .col-7 .col-3, .col-7 .col-2, .col-7 .col-1 {margin-right: 6.56%;}
.col-7 .col-1 {width: 8.66%;}
.col-7 .col-2 {width: 23.88%;}
.col-7 .col-3 {width: 39.11%;}
.col-7 .col-4 {width: 54.33%;}
.col-7 .col-5 {width: 69.56%;}
.col-7 .col-6 {width: 84.78%;}

.col-7 .pre-1 {padding-left: 15.22%;}
.col-7 .pre-2 {padding-left: 30.44%;}
.col-7 .pre-3 {padding-left: 45.67%;}
.col-7 .pre-4 {padding-left: 60.89%;}
.col-7 .pre-5 {padding-left: 76.12%;}
.col-7 .pre-6 {padding-left: 91.34%;}

.col-7 .suf-1 {padding-right: 15.22%;}
.col-7 .suf-2 {padding-right: 30.44%;}
.col-7 .suf-3 {padding-right: 45.67%;}
.col-7 .suf-4 {padding-right: 60.89%;}
.col-7 .suf-5 {padding-right: 76.12%;}
.col-7 .suf-6 {padding-right: 91.34%;}

.col-8 .col-7, .col-8 .col-6, .col-8 .col-5, .col-8 .col-4, .col-8  .col-3, .col-8 .col-2, .col-8 .col-1 {margin-right: 5.78%;}
.col-8 .col-1 {width: 7.44%;}
.col-8 .col-2 {width: 20.66%;}
.col-8 .col-3 {width: 33.89%;}
.col-8 .col-4 {width: 47.11%;}
.col-8 .col-5 {width: 60.33%;}
.col-8 .col-6 {width: 73.56%;}
.col-8 .col-7 {width: 86.78%;}

.col-8 .pre-1 {padding-left: 13.22%;}
.col-8 .pre-2 {padding-left: 26.44%;}
.col-8 .pre-3 {padding-left: 39.67%;}
.col-8 .pre-4 {padding-left: 52.89%;}
.col-8 .pre-5 {padding-left: 66.11%;}
.col-8 .pre-6 {padding-left: 79.34%;}
.col-8 .pre-7 {padding-left: 92.56%;}

.col-8 .suf-1 {padding-right: 13.22%;}
.col-8 .suf-2 {padding-right: 26.44%;}
.col-8 .suf-3 {padding-right: 39.67%;}
.col-8 .suf-4 {padding-right: 52.89%;}
.col-8 .suf-5 {padding-right: 66.11%;}
.col-8 .suf-6 {padding-right: 79.34%;}
.col-8 .suf-7 {padding-right: 92.56%;}

.col-9 .col-1, .col-9 .col-2, .col-9 .col-3, .col-9 .col-4, .col-9 .col-5, .col-9 .col-6, .col-9 .col-6, .col-9 .col-7, .col-9 .col-8 {margin-right: 5.1%;}
.col-9 .col-1 {width: 6.57%;}
.col-9 .col-2 {width: 18.25%;}
.col-9 .col-3 {width: 29.93%;}
.col-9 .col-4 {width: 41.61%;}
.col-9 .col-5 {width: 53.25%}
.col-9 .col-6 {width: 64.97%;}
.col-9 .col-7 {width: 76.65%;}
.col-9 .col-8 {width: 88.33%;}

.col-9 .pre-1 {padding-left: 11.67%;}
.col-9 .pre-2 {padding-left: 23.35%;}
.col-9 .pre-3 {padding-left: 35.03%;}
.col-9 .pre-4 {padding-left: 46.71%;}
.col-9 .pre-5 {padding-left: 58.35%}
.col-9 .pre-6 {padding-left: 70.07%;}
.col-9 .pre-7 {padding-left: 81.75%;}
.col-9 .pre-8 {padding-left: 93.43%;}

.col-9 .suf-1 {padding-right: 11.67%;}
.col-9 .suf-2 {padding-right: 23.35%;}
.col-9 .suf-3 {padding-right: 35.03%;}
.col-9 .suf-4 {padding-right: 46.71%;}
.col-9 .suf-5 {padding-right: 58.35%}
.col-9 .suf-6 {padding-right: 70.07%;}
.col-9 .suf-7 {padding-right: 81.75%;}
.col-9 .suf-8 {padding-right: 93.43%;}

.col-10 .col-9, .col-10 .col-8, .col-10 .col-7, .col-10 .col-6, .col-10 .col-5, .col-10 .col-4, .col-10 .col-3, .col-10 .col-2, .col-10 .col-1 {margin-right: 4.61%;}
.col-10 .col-1 {width: 5.85%;}
.col-10 .col-2 {width: 16.31%;}
.col-10 .col-3 {width: 26.77%;}
.col-10 .col-4 {width: 37.23%;}
.col-10 .col-5 {width: 47.69%;}
.col-10 .col-6 {width: 58.16%;}
.col-10 .col-7 {width: 68.62%;}
.col-10 .col-8 {width: 79.08%;}
.col-10 .col-9 {width: 89.54%;}

.col-10 .pre-1 {padding-left: 10.46%;}
.col-10 .pre-2 {padding-left: 20.92%;}
.col-10 .pre-3 {padding-left: 31.38%;}
.col-10 .pre-4 {padding-left: 41.84%;}
.col-10 .pre-5 {padding-left: 52.3%;}
.col-10 .pre-6 {padding-left: 62.77%;}
.col-10 .pre-7 {padding-left: 73.23%;}
.col-10 .pre-8 {padding-left: 83.69%;}
.col-10 .pre-9 {padding-left: 94.06%;}

.col-10 .suf-1 {padding-right: 10.46%;}
.col-10 .suf-2 {padding-right: 20.92%;}
.col-10 .suf-3 {padding-right: 31.38%;}
.col-10 .suf-4 {padding-right: 41.84%;}
.col-10 .suf-5 {padding-right: 52.3%;}
.col-10 .suf-6 {padding-right: 62.77%;}
.col-10 .suf-7 {padding-right: 73.23%;}
.col-10 .suf-8 {padding-right: 83.69%;}
.col-10 .suf-9 {padding-right: 94.06%;}

.col-11 .col-10, .col-11 .col-9, .col-11 .col-8, .col-11 .col-7, .col-11 .col-6, .col-11 .col-5, .col-11 .col-4, .col-11 .col-3, .col-11 .col-2, .col-11 .col-1 {margin-right: 4.14%;}
.col-11 .col-1 {width: 5.32%;}
.col-11 .col-2 {width: 14.79%;}
.col-11 .col-3 {width: 24.26%;}
.col-11 .col-4 {width: 33.73%;}
.col-11 .col-5 {width: 43.2%;}
.col-11 .col-6 {width: 52.66%;}
.col-11 .col-7 {width: 62.1%;}
.col-11 .col-8 {width: 71.6%;}
.col-11 .col-9 {width: 81.07%;}
.col-11 .col-10 {width: 90.54%;}

.col-11 .pre-1 {padding-left: 9.46%;}
.col-11 .pre-2 {padding-left: 18.93%;}
.col-11 .pre-3 {padding-left: 28.4%;}
.col-11 .pre-4 {padding-left: 37.87%;}
.col-11 .pre-5 {padding-left: 47.34%;}
.col-11 .pre-6 {padding-left: 56.8%;}
.col-11 .pre-7 {padding-left: 66.24%;}
.col-11 .pre-8 {padding-left: 75.74%;}
.col-11 .pre-9 {padding-left: 85.21%;}
.col-11 .pre-10 {padding-left: 94.68%;}

.col-11 .suf-1 {padding-right: 9.46%;}
.col-11 .suf-2 {padding-right: 18.93%;}
.col-11 .suf-3 {padding-right: 28.4%;}
.col-11 .suf-4 {padding-right: 37.87%;}
.col-11 .suf-5 {padding-right: 47.34%;}
.col-11 .suf-6 {padding-right: 56.8%;}
.col-11 .suf-7 {padding-right: 66.24%;}
.col-11 .suf-8 {padding-right: 75.74%;}
.col-11 .suf-9 {padding-right: 85.21%;}
.col-11 .suf-10 {padding-right: 94.68%;}

.pre-1 {padding-left: 8.65%;} /* 4.85 + 3.8 */
.pre-2 {padding-left: 17.3%;} /* 13.5 + 3.8 */
.pre-3 {padding-left: 25.95%;} /* 22.15 + 3.8 */
.pre-4 {padding-left: 34.6%;} /* 30.8 + 3.8 */
.pre-5 {padding-left: 43.25%;} /* 39.45 + 3.8 */
.pre-6 {padding-left: 51.9%;} /* 48.1 + 3.8 */
.pre-7 {padding-left: 60.55%;} /* 56.75 + 3.8 */
.pre-8 {padding-left: 69.2%;} /* 65.4 + 3.8 */
.pre-9 {padding-left: 77.85%;} /* 74.05 + 3.8 */
.pre-10 {padding-left: 86.5%;} /* 82.7 + 3.8 */
.pre-11 {padding-left: 95.15%;} /* 91.35 + 3.8 */

.suf-1 {padding-right: 8.65%;}
.suf-2 {padding-right: 17.3%;}
.suf-3 {padding-right: 25.95%}
.suf-4 {padding-right: 34.6%;}
.suf-5 {padding-right: 43.25%;}
.suf-6 {padding-right: 51.9%;}
.suf-7 {padding-right: 60.55%;}
.suf-8 {padding-right: 69.2%;}
.suf-9 {padding-right: 77.85%;}
.suf-10 {padding-right: 86.5%;}
.suf-11 {padding-right: 95.15%;}

.clear, .clearboth {clear: both !important;}
.clearleft {clear: left !important;}
.clearright {clear: right !important;}
.textcenter {text-align: center;}
.textright {text-align: right;}
.textleft {text-align: left;}
.selfclear:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.mobile-only {display: none;}


/* Columnal -  tablet */

@media only screen and (min-width: 481px) and (max-width: 768px){



.col-3, .col-4, .col-5, .col-6, .col-7 {
width: 46.2%;
/*margin-right: 1.9%;*/
}

/*.col-1, .col-2, .col-3, .col-4, .col-5, .col-6,
.col-7,*/ .col-8, .col-9, .col-10, .col-11, .col-12 {
width:auto;
margin-left:0;
margin-right:0;
padding-left:0;
padding-right:0;
}
}

/* Columnal -  mobile */

@media only screen and (max-width: 480px) {

.row, .body {
width: auto;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}

.pre-1, .pre-2, .pre-3, .pre-4, .pre-5, .pre-6, .pre-7, .pre-8, .pre-9, .pre-10, .pre-11 {padding-left: 0;}
.suf-1, .suf-2, .suf-3, .suf-4, .suf-5, .suf-6, .suf-7, .suf-8, .suf-9, .suf-10, .suf-11 {padding-right: 0;}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6,
.col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
clear: both;
float: none;
margin-left: 0;
margin-right: 0;
margin-bottom: 48px;
padding-left: 0;
padding-right: 0;
width: auto;
width: -moz-available;
}

.col-2 .col-1,
.col-3 .col-2, .col-3 .col-1,
.col-4 .col-3, .col-4 .col-2, .col-4 .col-1,
.col-5 .col-4, .col-5 .col-3, .col-5 .col-2, .col-5 .col-1,
.col-6 .col-5, .col-6 .col-4, .col-6 .col-3, .col-6 .col-2, .col-6 .col-1,
.col-7 .col-6, .col-7 .col-5, .col-7 .col-4, .col-7 .col-3, .col-7 .col-2, .col-7 .col-1,
.col-8 .col-7, .col-8 .col-6, .col-8 .col-5, .col-8 .col-4, .col-8 .col-3, .col-8 .col-2, .col-8 .col-1,
.col-9 .col-1, .col-9 .col-2, .col-9 .col-3, .col-9 .col-4, .col-9 .col-5, .col-9 .col-6, .col-9 .col-7, .col-9 .col-8,
.col-10 .col-9, .col-10 .col-8, .col-10 .col-7, .col-10 .col-6, .col-10 .col-5, .col-10 .col-4, .col-10 .col-3, .col-10 .col-2, .col-10 .col-1,
.col-11 .col-10, .col-11 .col-9, .col-11 .col-8, .col-11 .col-7, .col-11 .col-6, .col-11 .col-5, .col-11 .col-4, .col-11 .col-3, .col-11 .col-2, .col-11 .col-1,
.col-12 .col-11, .col-12 .col-10, .col-12 .col-9, .col-12 .col-8, .col-12 .col-7, .col-12 .col-6, .col-12 .col-5, .col-12 .col-4, .col-12 .col-3, .col-12 .col-2, .col-12 .col-1 {
padding-left: 0;
padding-right: 0;
width: 100%;
}

.mobile-hide {display: none;}
.mobile-only {display: block;}

}






/* =media queries */

/* mobile */

@media only screen and (max-width: 480px){

body {
font-size:1em;
}
div {
width: auto;
}
#header,
#main,
#footer {
max-width: none;
width: auto;
}
#container {
padding: 0 10px;
}
#main {
padding:1.5em 20px;
}
#header {
padding-top:1em;
padding-bottom:.5em;
}
#logo {
margin:0;
padding:0;
text-align: center;
}
#logo a {
margin: 0 auto;
padding-left:30px;
}
#nav {
position: absolute;
top:0;
left:0;
z-index: 1000;
width:100%;
}
.mobile,
.mobile-menu-button,
#menu-toggle {
display: block;
}
#menu-toggle {
/*text-align: center;*/
text-transform: uppercase;
display: inline-block;
cursor: pointer;
padding: 1.5em 10px .5em;
margin-bottom: 0;
z-index:10010;
color:#8C7853;
}
#menu-close {
position: absolute;
top:0;
left:0;
font-size:1em;
padding:5px;
color:#8C7853;
}
#menu-toggle:hover,
#menu-toggle:focus,
#menu-close:hover,
#menu-close:focus {
color:#BE9D63;
}
.menu-wrapper {
display: none;
position: absolute;
z-index:10003;
width: 100%;
top:1.5em;
padding-bottom:1em;
background-color: #e8e3d8;/*#999966;*/
}
.menu {
font-size:1em;
text-align: center;
position: relative;
top: 0;
left: 0;
margin-left: 0;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing:border-box;
}
header .menu {
padding: 0 20px;
}
header .menu a {
font-family:'Copperpenny', serif;
}
#footer .menu {
padding: 0;
}
#footer {
padding: 0 10px;
}
#footer > .container {
padding:1em 10px;
}
#footer p, #footer address, #footer li {
font-size:14px;
}
#footer .connect-links i {
font-size:1.5em;
padding:0;
}
.menu li {
text-align: center;
font-size:1em;
float: none;
display: block;
}
.menu a {
display: block;
}
header .menu a:hover,
header .menu a:focus,
#header .sub-menu a:hover,
#header .sub-menu a:focus {
background-color: none !important;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,.2);
}
.menu .sub-menu {
display: block;
margin: 1px 0 0;
}
.third,
.quarter,
.half {
width: auto;
float: none;
margin-left: 0;
margin-right: 0;
}
.page-id-10 .third * {
text-align: center;
}
.footer-text > span {
display: block;
text-align: center;
}
/*.divider {
font-size: 0;
color: rgba(0,0,0,0);
}*/
.social-links a {
font-size: 1.5em;
}
label {
font-size:1em;
}
.productlist-item {
padding: 2em 0 0;
border-top:1px solid #ddd;
}
.productlist-details h2 {
font-size: 24px;
line-height: 28px;
}
.productdetail-details {
border-left:none;
border-right:none;
}
.productlist-form-label,
.productdetail-form-label {
font-size:14px;
}
.productdetail-details {
border-top:2px solid #ddd;
padding-top:1em;
}
input, input[type="text"], input[type="email"], input[type="number"], input[type="password"], select, textarea {
font-size: 16px;
}
#chkout1 .lineitemwrapper .lineitem > div {
padding:5px 0;
}


}


/* mobile & tablet */

@media only screen and (max-width: 768px){

#credits {
display: none !important;
cursor: pointer;
position: relative;
float: none;
text-align: center;
margin-top: 6em;
width:100%;
left: auto;
bottom:auto;
}

#footer {
padding-bottom: 8em;
}
.footer-branding {
width:100%;
max-width: 360px;
clear:both;
float:none;
margin:2em auto 20px !important;
padding-top: 3em;
border-top:1px solid #ddd;
}
#footer .winery-info {
text-align: center;
margin-left: 0;
}
#footer .col-8  h3 {
text-align: center;
}
#footer .col-8  li {
text-align: center;
}
#footer .col-8 .quarter,
#footer .col-8 .half {
width:100%;
float:none;
text-align: center;
margin-bottom: 2em;
padding-top: 1.5em;
border-top:1px solid rgba(0,0,0,.2);
}
#footer .col-8 .quarter:first-child {
border: none;
padding-top: 0;
}

.team-item:first-child {
border: none;
}
.team-item {
padding-top: 3em;
border-top:1px solid #ddd;
}
.team-item h3 {
padding-top: 0;
}

.productlist-image {
float:none;
width:100%;
max-width: 100%;
text-align:center;
margin-bottom: 1em;
}
.productlist-image img {
max-width: 75px;
height:auto;
}
.productlist-details {
float:none;
max-width:100%;
padding-left:0;
}
.productlist-image > a {
margin-left:auto;
margin-right:auto;
}
.productlist-container .shop-sidebar,
.productdetail-container .shop-sidebar {
border-top:3px solid #ddd;
padding-top: 2em;
padding-left: 0;
border-left: 0;
float:none;
clear:both;
width:100%;
}
.single-recipes .col-6 {
float:none;
display: block;
width:100%;
}


}


/* tablet */

@media only screen and (min-width: 481px) and (max-width: 768px){

body {
font-size:1.0em;
}
.mobile {
display: block;
}
.tablet,
.tablet.mobile {
display: block;
}
.tablet-full {
width:100%;
float:none;
display: block;
}
div {
width: auto;
}
#header,
#main,
#footer {
max-width: none;
width: auto;
}
#container {
padding: 0 10px;
margin: 0 auto;
}
#main,
#footer {
padding-left:40px;
padding-right:40px;
}
#header {
padding:1em 0 .5em;
}
#logo {
text-align: center;
padding-bottom: 1em;
}
#logo a {
padding:.5em 20px .5em;
/*border-bottom: 1px solid #be9d63;*/
}
.menu-header-left-container {
float: left;
width:50%;
}
.menu-header-left-container ul.menu {
text-align: right;
}
.menu-header-right-container {
float: left;
width:50%;
}
.menu-header-right-container ul.menu {
text-align: left;
}
#footer .col-8 {
padding:0 0;/*30px*/
}
.footer-branding {
padding-bottom: 2em;
/*margin-bottom: 3em;*/
/*border-bottom: 1px solid #ddd;*/
}
#footer p, #footer address, #footer li {
font-size:14px;
}
#homepage-gallery {
min-height: 400px;
}
.productlist-image {
float:none;
width:100%;
text-align:center;
margin-bottom: 1em;
}
.productlist-image img {
max-width: 75px;
height:auto;
}
.productlist-details {
float:none;
max-width:100%;
padding-left:0;
}
.productdetail-details {
padding-right: 0;
border-right: 0;
}
.shop-sidebar > section {
width:33%;
float:left;
}
.page-id-14 h2 {
text-align: center;
}
.page-id-14 .mailing-list-item {
clear: both;
margin:0 auto !important;
float:none;
padding-top: 1.5em !important;
}
.page-id-14 .mailing-list-item h2 {
border-top:1px solid rgba(0,0,0,.2) !important;
padding-top: 1.5em !important;
}
.quarter {
width:50%;
}
.half {
width: auto;
float: none;
margin-left: 0;
margin-right: 0;
}

}

/* tablet & desktop */

@media only screen and (min-width: 481px){

#menu-toggle,
#menu-close {
display: none;
cursor: pointer;
}
.menu li:hover ul.sub-menu {
display: block;
}
.menu .sub-menu {
font-size: 14px;
background-color: #fff;
border: 1px solid #ddd;
border: 1px solid rgba(0,0,0,.2);
border-radius: 2px;
display: none;
position: absolute;
top: 2.571429em;
left: 0;
z-index: 1000;
width: 150px;
text-align: left;
}
.sub-menu a:hover,
.sub-menu a:focus {
background-color: #f5f5f5;
background-color: rgba(0,0,0,.05);
}
.footer-text {
float: left;
}
/*div, header, footer, article, span, ul {
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;
}*/
}


/* small desktop */

@media only screen and (min-width: 769px) and (max-width: 1139px){

#header,
#main,
#footer {
max-width: none;
width: auto;
float: none;
}
#container {
padding: 0 30px;
}
#header {
padding:1em 0 1em;
}
#logo {
text-align: center;
padding-bottom: 1em;
}
#logo a {
/*padding:0 20px 1.5em;
border-bottom: 1px solid rgba(0,0,0,.3);*/
}
.menu-header-left-container {
float: left;
width:50%;
}
.menu-header-left-container ul.menu {
text-align: right;
}
.menu-header-right-container {
float: left;
width:50%;
}
.menu-header-right-container ul.menu {
text-align: left;
}
#homepage-gallery {
min-height: 500px;
}
.productlist-image {
float:none;
width:100%;
text-align:center;
margin-bottom: 1em;
}
.productlist-image img {
max-width: 75px;
height:auto;
}
.productlist-details {
float:none;
max-width:100%;
padding-left:0;
}

/*.page-id-14 h1 {
margin-bottom: -1.25em;
}*/

.homepage-bottom-item.quarter {
width:50%;
margin-top: 1em;
}


}


/* full desktop */

@media only screen and (min-width: 1140px) {

.mobile,
.tablet {
display: none;
}
.menu-header-left-container {
float: left;
width:33%;
margin-right: 16.5%;
}
.menu-header-left-container ul.menu {
text-align: right;
}
.menu-header-right-container {
float: right;
width:33%;
margin-left: 16.5%;
}
.menu-header-right-container ul.menu {
text-align: left;
}
#logo {
position: absolute;
top:-1px;
left:50%;
margin-left:-181px;
width:360px;
padding-bottom: 0;
}
#logo a {
padding: 1.5em 20px 1em;
}
#homepage-gallery {
min-height: 600px;
}

.shop-landing-item h3 {
font-size:1.5em;
}
}


@media only screen and (min-width: 1440px) {

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 1.5em;
}
#header {
padding:2em 0;
}
#logo {
position: absolute;
top:-1px;
left:50%;
margin-left:-231px;
width:460px;
}
#logo a {
padding:2em 20px 1.5em;
}
#logo img {
width:100%;
max-width: 420px;
}
#footer p,
#footer address,
#footer li {
text-transform: uppercase;
font-size: 13px;
color: #aaa;
color: rgba(0,0,0,.4);
}
header .menu a {
font-size:16px;
}

}


/* large desktop */

@media only screen and (min-width: 1140px){

#container {
padding-left:30px;
padding-right:30px;
/*width: 1140px;*/
/*max-width: 1280px;*/
}
}

@media only screen and (min-height: 400px) and (max-height: 499px){
#homepage-gallery {
min-height: 300px;
}
}

@media only screen and (min-height: 500px) and (max-height: 599px){
#homepage-gallery {
min-height: 400px;
}
}

@media only screen and (min-height: 600px) and (max-height: 699px) and (min-width: 1140px){
#homepage-gallery {
min-height: 500px;
}
}

@media only screen and (min-height: 700px) and (max-height: 799px) and (min-width: 1140px){
#homepage-gallery {
min-height: 600px;
}
}



@media only screen and (min-height: 800px){

#homepage-gallery {
min-height: 700px;
}
}



/* =print */

@media only print {

body {
border: none;
padding: 0;
background-color: #fff;
color: #000;
}
#header,
#footer,
#vs-accountlinks,
#nav {
display: none;
}
#logo a {
font-size: 24px;
}
.no-print {
display: none;
}
}



/* =theme alignment */

/* center */

.theme-align-center {}
/*.theme-align-center h1,
.theme-align-center h2,
.theme-align-center h3,
.theme-align-center h4,
.theme-align-center .vs-h1,
.theme-align-center .vs-h2,
.theme-align-center .vs-h3,*/
.theme-align-center ul.menu {/*.theme-align-center #menu-toggle*/
text-align: center;
}
.theme-align-center #logo {
text-align: center;
}
.theme-align-center #logo a {}
.theme-align-center .centered {
text-align: center;
}
.theme-align-center #vs2-account-nav,
.theme-align-center #vsOrderFormLeft,
.theme-align-center .vsFormAddFooter,
.theme-align-center #vs2-cart-emptyCart-message {
text-align: center;
}

/*.theme-align-center {
text-align: center;
}
*/

/* left */

.theme-align-left {}
.theme-align-left h1,
.theme-align-left h2,
.theme-align-left h3,
.theme-align-left h4,
.theme-align-left ul.menu {
text-align: left;
}
.theme-align-left #logo {
float: left;
padding-bottom: 0;
margin-bottom: 0;
}
.theme-align-left nav {
float: right;
}
@media only screen and (max-width: 480px){
.theme-align-left #logo,
.theme-align-left nav {
clear: both;
float: none;
}
}



/* =theme lightness */

body {
color:#342b1c;
/*color: #111;
color: rgba(0,0,0,.9);*/
}
header .menu a {
/*color: #8C7853;*/
}
header .menu a:hover,
header .menu a:focus {
color:#BE9D63;
border:1px solid transparent;
/*border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,.2);*/
}
.menu .current-menu-item > a {
color: #A75B00;
}
header .current-menu-item > a,
header .current-page-ancestor > a,
header .current_page_parent > a {
color: #A75B00;
border:1px solid transparent;
}
header .current-menu-item > a:hover,
header .current-menu-item > a:focus,
header .current-page-ancestor > a:hover,
header .current-page-ancestor > a:focus,
header .current_page_parent > a:hover,
header .current_page_parent > a:focus {
color: #A75B00;
}
#footer {
padding-bottom:0;
}
#credits-info {
color: #aaa;
}
#credits-info a {
color: #aaa;
}
.divider {
color: #ccc;
color: rgba(0,0,0,.2);
}
fieldset {
border: 1px solid #ddd;
border: 1px solid rgba(0,0,0,.2);
}
.bx-wrapper .bx-pager.bx-default-pager a {
/*background-color: #666;
background-color:rgba(0,0,0,.4);*/
background-color: #fff;
border:1px solid #ccc;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
/*background-color: #000;
background-color:rgba(0,0,0,.8);*/
border:1px solid #ccc;
background-color: #ccc;
}
#vs2-cart-confirmation,
#vs2-cart-confirmation-custom {
border: 1px solid #aaa;
border: 1px solid rgba(0,0,0,.4);
}
.vs2-cart-section {
border-top: 1px solid #ccc;
border-top: 1px solid rgba(0,0,0,.2);
}

@media only screen and (max-width: 481px){/*mobile*/
.sub-menu a:hover,
.sub-menu a:focus {}
/*.menu .current-menu-item > a,
.menu .current-page-ancestor > a,
.menu .current_page_parent > a,
.theme-lightness-dark .menu .current-menu-item > a,
.theme-lightness-dark .menu .current-page-ancestor > a,
.theme-lightness-dark .menu .current_page_parent > a,*/
/*.current-menu-item > a:hover,
.current-menu-item > a:focus,
.current-page-ancestor > a:hover,
.current-page-ancestor > a:focus,
.current_page_parent > a:hover,
.current_page_parent > a:focus,
.theme-lightness-dark .current-menu-item > a:hover,
.theme-lightness-dark .current-menu-item > a:focus,
.theme-lightness-dark .current-page-ancestor > a:hover,
.theme-lightness-dark .current-page-ancestor > a:focus,
.theme-lightness-dark .current_page_parent > a:hover,
.theme-lightness-dark .current_page_parent > a:focus*/ {
border: 1px solid transparent;
}
.menu-wrapper {
border-bottom: 1px solid #ccc;
border-bottom: 1px solid rgba(0,0,0,.4);
}
.theme-lightness-dark .menu-wrapper {
border-bottom: 1px solid #ccc;
border-bottom: 1px solid rgba(255,255,255,.4);
}

}