@charset "UTF-8";
/* CSS Document */
/* ====================================================================================================
	Table of Content

	Misc Inlcudes
	Variables
	1. Typography - Copy into admin.css
	2. Header
	3. Navigation
		a. Navigation
		b. Sub Navigation
	4. Content
		a. Homepage Styles
		b. Page Styles
	5. Blog
	6. Print
	7. Buttons
	8. Footer
	9. Custom CSS
*/
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
  quotes: "“" "”" "‘" "’";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

@font-face {
  font-family: "icomoon";
  src: url("../font/icomoon.eot?jji5ji");
  src: url("../font/icomoon.eot?#iefixjji5ji") format("embedded-opentype"), url("../font/icomoon.woff?jji5ji") format("woff"), url("../font/icomoon.ttf?jji5ji") format("truetype"), url("../font/icomoon.svg?jji5ji#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-file-pdf:before {
  content: "";
}

.icon-mail:before {
  content: "";
}

.icon-phone:before {
  content: "";
}

.icon-user:before {
  content: "";
}

.icon-yelp:before {
  content: "";
}

.icon-youtube:before {
  content: "";
}

.icon-instagram:before {
  content: "";
}

.icon-angle-down:before {
  content: "";
}

.icon-up-bold:before {
  content: "";
}

.icon-vimeo:before {
  content: "";
}

.icon-twitter:before {
  content: "";
}

.icon-facebook:before {
  content: "";
}

.icon-gplus:before {
  content: "";
}

.icon-pinterest:before {
  content: "";
}

.icon-mobile:before {
  content: "";
}

.icon-link:before {
  content: "";
}

.icon-comments:before {
  content: "";
}

.icon-clock:before {
  content: "";
}

.icon-search:before {
  content: "";
}

/*
 * jQuery Nivo Slider v3.0.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
/* The Nivo Slider styles */
.nivoSlider {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #fff url(../nivo/loading.gif) no-repeat 50% 50%;
}

.nivoSlider img {
  position: absolute;
  top: 0px;
  left: 0px;
}

.nivo-main-image {
  display: block !important;
  position: relative !important;
  width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  z-index: 6;
  display: none;
  cursor: hand;
  background-color: #fff;
  filter: alpha(opacity=0);
  /*non ie*/
  opacity: 0;
}

/* The slices and boxes in the Slider */
.nivo-slice {
  display: block;
  position: absolute;
  z-index: 5;
  height: 100%;
  top: 0;
}

.nivo-box {
  display: block;
  position: absolute;
  z-index: 5;
  overflow: hidden;
}

.nivo-box img {
  display: block;
}

/* Caption styles */
.nivo-caption {
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: #000;
  color: #fff;
  width: 100%;
  z-index: 8;
  padding: 5px 10px;
  opacity: 0.8;
  overflow: hidden;
  display: none;
  -moz-opacity: 0.8;
  filter: alpha(opacity=8);
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}

.nivo-caption p {
  padding: 5px;
  margin: 0;
}

.nivo-caption a {
  display: inline !important;
}

.nivo-html-caption {
  display: none;
}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
  display: block;
  width: 30px;
  height: 30px;
  background: url(../nivo/arrows.png) no-repeat;
  text-indent: -9999px;
  border: 0;
  position: absolute;
  top: 45%;
  z-index: 9;
  cursor: pointer;
}

a.nivo-prevNav {
  left: 15px;
}

a.nivo-nextNav {
  background-position: -30px 0px;
  right: 15px;
}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
  text-align: center;
  padding: 15px 0;
}

.nivo-controlNav a {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../nivo/bullets.png) no-repeat;
  color: transparent;
  border: 0;
  margin: 0 2px;
  cursor: pointer;
}

.nivo-controlNav a.active {
  background-position: 0 -22px;
}

.hideText {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.hideText a {
  display: block;
  height: 100%;
}

/*   ===================================================================================================
     1. Typography - These get copied into the admin.css
======================================================================================================== */
html {
  font-size: 97%;
}

body {
  background-color: #fff;
  color: #191919;
  font-family: "Oxygen", sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* ==========================================================================
   Focus styles for accessibility
   ========================================================================== */
*:focus {
  outline: 3px solid orange;
}

*.focus--mouse:focus {
  outline: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Courier New', monospace;
  color: #b03f1e;
}

h1 {
  font-size: 39px;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 0.75em;
}

h2 {
  font-size: 30px;
  line-height: 1.3333333333;
  margin-bottom: 0.5em;
}

h3 {
  font-size: 25px;
  line-height: 1.4;
  margin-bottom: 0.5em;
}

h4 {
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 0.5em;
}

h5 {
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 0.5em;
}

h6 {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 0.5em;
}

p, blockquote {
  margin: 0 0 1.5em;
  line-height: 1.6;
}

p {
  margin-top: 1em;
}

blockquote {
  font-size: 17px;
  padding-bottom: 1px;
  position: relative;
  margin: 0 auto;
  text-align: center;
  width: 60%;
}
@media screen and (max-width: 767px) {
  blockquote {
    width: 80%;
  }
}
blockquote p {
  line-height: 1.7;
  margin: 2em 0;
}

blockquote:after {
  border-bottom: 1px solid #ccc;
  content: "";
  height: 1px;
  margin-left: -75px;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 150px;
}

hr {
  background-color: #ccc;
  border: 0;
  color: #ccc;
  height: 1px;
  max-width: 95%;
  margin: 10px auto 50px;
}

dl, ol, ul {
  margin: 0 0 1.5em;
}

dd, dt, li {
  line-height: 1.5;
  margin: 0;
}

a {
  color: #b03f1e;
  text-decoration: none;
}
a:hover, a:focus, a:active {
  color: #2a536f;
  text-decoration: none;
}

img {
  border: none;
  height: auto !important;
  max-width: 100%;
}

form {
  margin-bottom: 1em;
}

legend {
  color: #191919;
}

a[name=footerNav] {
  display: none !important;
}

.v65-title {
  color: #000;
  font-family: "Playfair Display", serif;
  font-size: 28px;
  font-weight: normal;
  line-height: 1;
}
.v65-title a {
  color: #000;
}
.v65-title a:hover, .v65-title a:focus, .v65-title a:active {
  color: #000;
  text-decoration: none;
}

.v65-subtitle {
  color: #000;
  font-size: 23px;
  font-family: "Playfair Display", serif;
  font-weight: normal;
  line-height: 1;
  margin-bottom: 1em;
}

/*   ===================================================================================================
     2. Header
======================================================================================================== */
header.primary {
  background-color: #fff;
  border-bottom: 1px solid #eeeeee;
  position: relative;
  z-index: 10;
}

div#brandpersonalitybanner {
	background-position: bottom !important;
}

div#eventsbanner {
    background-position: bottom !important;
}

.pageBannerContainer {
  align-items: center;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  min-height: 350px;
  text-align: center;
}
.pageBannerContainerInner {  }
.pageBannerTitle {
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
}
.pageBannerLinks {
  font-size: 30px;
  font-family: "Playfair Display", serif;
}
.pageBannerLinks a {
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
  text-decoration: none;
  padding-left: .5em;
  padding-right: .5em;
  border-left: 2px solid #fff
}
.pageBannerLinks a:empty {
  display: none;
}
.pageBannerLinks a:first-child {
  border-left: none;
}
.pageBannerLinks a:hover {
  color: #fff;
}

@media screen and (min-width: 1000px) {
    .pageBannerContainer {
      min-height: 600px;
    }
}

@media screen and (min-width:2560px) { 
    .pageBannerContainer {
      min-height: 1000px;
    }
}

#user-tools {
  font-family: "Oxygen", sans-serif;
  font-size: 12px;
  width: auto;
}
@media screen and (max-width: 580px) {
  #user-tools {
    background-color: #b03f1e;
  }
}
#user-tools a {
  color: #000;
}
#user-tools a:hover, #user-tools a:active, #user-tools a:focus {
  color: #000;
}
@media screen and (max-width: 580px) {
  #user-tools a:hover, #user-tools a:active, #user-tools a:focus {
    color: #fff;
  }
}
@media screen and (max-width: 580px) {
  #user-tools a {
    color: #fff;
  }
}
@media screen and (max-width: 580px) {
  #user-tools .v65-editProfile, #user-tools .v65-yourAccount {
    width: 32%;
  }
}
@media screen and (max-width: 580px) {
  #user-tools .v65-login, #user-tools .v65-logout {
    width: 20%;
  }
}
#user-tools .v65-editProfile, #user-tools .v65-yourAccount,
#user-tools .v65-login, #user-tools .v65-logout {
  border-color: #24475e;
}
@media screen and (min-width: 581px) {
  #user-tools .v65-editProfile, #user-tools .v65-yourAccount,
#user-tools .v65-login, #user-tools .v65-logout {
    width: auto;
  }
}
#user-tools .v65-pointsBalance {
  display: inline-block;
  padding-right: 1em;
}
@media screen and (max-width: 580px) {
  #user-tools .v65-pointsBalance {
    display: none;
  }
}

#v65-modalCart {
  position: static;
}
@media screen and (min-width: 581px) {
  #v65-modalCart {
    display: inline-block;
    padding-left: 1em;
  }
}

.v65-logo {
  background-position: top center !important;
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .v65-logo {
    clear: both;
    margin: 0.5em auto 0;
  }
}

/*   ===================================================================================================
     3. Navigation
======================================================================================================== */
/* ----- a. Main Menu ----- */
.mainMenu {
  font-family: 'Courier New', monospace;
  font-size: 16px;
  position: relative;
  z-index: 101;
}
@media screen and (max-width: 767px) {
  .mainMenu {
    margin: 1em 0 0.3em;
  }
}
@media screen and (min-width: 768px) {
  .mainMenu {
    margin: 10px 0;
  }
}
@media screen and (max-width: 580px) {
  .mainMenu {
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    top: 48px;
    left: -100%;
    background-color: #0c0c0c;
    height: 100%;
    height: calc(100% - 46px);
    height: -o-calc(100% - 46px);
    /* opera */
    /* google, safari */
    height: -moz-calc(100% - 46px);
    margin: 0;
    overflow-y: auto;
    padding: 20px 0;
    width: 100%;
    z-index: 100;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
  }
}
.mainMenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
}
.mainMenu ul ul {
  background: #fff;
  border: 1px solid #eeeeee;
  display: none;
  font-size: 14px;
  left: -10px;
  position: absolute;
  top: 39px;
  width: 200px;
  z-index: 1;
}
@media screen and (max-width: 580px) {
  .mainMenu ul ul {
    background-color: #0c0c0c;
    border: 0;
    display: block;
    position: static;
    top: 0;
    left: 0;
    width: 100%;
  }
}
.mainMenu li {
  display: inline-block;
  padding: 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .mainMenu li {
    margin: 0 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 819px) {
  .mainMenu li {
    margin: 0 0 0 35px;
  }
}
@media screen and (min-width: 820px) {
  .mainMenu li {
    margin: 0 0 0 25px;
  }
}
@media screen and (max-width: 580px) {
  .mainMenu li {
    border-bottom: 1px solid #191919;
    display: block;
    margin: 0;
    padding: 4px 15px;
    text-align: left;
  }
}
.mainMenu li:first-child {
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  .mainMenu li:hover ul {
    display: block;
  }
}
.mainMenu li li {
  display: block;
  float: none;
  margin: 0;
  text-align: left;
  width: 200px;
}
@media screen and (max-width: 580px) {
  .mainMenu li li {
    border-bottom: 0;
    border-top: 1px solid #191919;
    padding: 9px 0;
    width: 100%;
  }
}
.mainMenu li li a {
  color: #666;
  display: block;
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0 0 0 5%;
  text-align: left;
  text-transform: none;
  width: 95%;
}
.mainMenu li li a:hover {
  color: #000;
}
@media screen and (max-width: 580px) {
  .mainMenu li li a {
    color: #C3C3C3;
    padding: 0;
    width: 100%;
  }
  .mainMenu li li a:hover {
    color: #fff;
  }
}
.mainMenu a {
  color: #000;
  display: inline-block;
  margin: 0;
  padding: 0;
  position: relative;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .mainMenu a {
    height: 44px;
    line-height: 44px;
    padding: 0 0.5em;
  }
}
@media screen and (min-width: 768px) {
  .mainMenu a {
    height: 39px;
    line-height: 39px;
  }
}
.mainMenu a:hover {
  color: #b03f1e;
  text-decoration: none;
}
@media screen and (max-width: 580px) {
  .mainMenu a {
    color: #C3C3C3;
    padding: 0;
    width: 100%;
  }
  .mainMenu a:hover {
    color: #fff;
  }
}
.mainMenu .v65-pageAParent {
  color: #000;
}
@media screen and (max-width: 580px) {
  .mainMenu .v65-pageAParent {
    color: #fff;
  }
}
@media screen and (max-width: 919px) {
  .mainMenu .v65-home {
    display: none;
  }
}
.mainMenu .v65-selected {
  color: #000;
}
@media screen and (max-width: 580px) {
  .mainMenu .v65-selected {
    color: #fff;
  }
}
.mainMenu .footerMenuLink {
  bottom: 0;
  font-size: 1.5em;
  position: absolute;
  right: 0;
}
@media screen and (max-width: 450px) {
  .mainMenu .footerMenuLink {
    display: block;
  }
}
@media screen and (min-width: 451px) {
  .mainMenu .footerMenuLink {
    display: none;
  }
}

/* ----- b. Sub Menu ----- */
.subMenu {
  font-family: "Playfair Display", serif;
  margin-bottom: 0;
  margin-top: 6%;
}
@media screen and (min-width: 768px) {
  .subMenu {
    float: left;
    margin-right: 4%;
    padding-right: 2%;
    width: 17.5%;
  }
}
.subMenu h4 {
  font-size: 17px;
}
@media screen and (max-width: 767px) {
  .subMenu h4 {
    display: none;
  }
}
.subMenu ul {
  list-style: none;
  margin-bottom: 0;
  padding: 0;
}
.subMenu li {
  line-height: 3;
}
@media screen and (max-width: 767px) {
  .subMenu li {
    border-top: 1px solid #eeeeee;
    line-height: 44px;
    text-align: center;
  }
}
.subMenu li ul {
  margin-left: 25px;
}
.subMenu a {
  display: inline-block;
  color: #24475e;
  line-height: 1.5;
  width: 100%;
}
.subMenu a:hover, .subMenu a:focus, .subMenu a:active {
  color: black;
  text-decoration: none;
}
.subMenu .v65-pageAParent {
  color: #000;
}
.subMenu .v65-leftSelected {
  color: #000;
  font-style: italic;
  text-decoration: underline;
}

.mobileMenu {
  color: #fff;
  display: none;
  float: left;
  font-size: 2.5em;
  padding: 5px 0 0 13px;
  position: relative;
  width: 11%;
  z-index: 300;
}
@media screen and (max-width: 580px) {
  .mobileMenu {
    display: block;
  }
}
@media screen and (max-width: 340px) {
  .mobileMenu {
    width: 14%;
  }
}

.menuOpen {
  transform: translate(100%, 0);
  -webkit-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
}

.mobileBody {
  position: fixed;
}

/*   ===================================================================================================
     4. Content
======================================================================================================== */
#v65-modalContentHeader {
  background: #b03f1e;
}

.content {
  background: #fff;
}

@media screen and (max-width: 767px) {
  .pageContent {
    padding: 4em 1em;
  }
}
@media screen and (min-width: 768px) {
  .pageContent {
    padding: 6em 3em;
  }
}
@media screen and (max-width: 580px) {
  .pageContent {
    padding: 4em 0;
  }
}

.alternateBackgroundContent {
  background: #eeeeee;
}

.wrapper {
  margin: 0 auto;
  max-width: 990px;
  padding: 0 5%;
  width: 90%;
}
@media screen and (max-width: 580px) {
  .wrapper {
    padding: 0 2%;
    width: 94%;
  }
}

@media screen and (max-width: 580px) {
  header .wrapper {
    padding: 0;
    width: 100%;
  }
}

.overlay {
  background: url(../images/image-overlay.png);
  background: rgba(0, 0, 0, 0.54);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

input[type=email], input[type=password], input[type=tel], input[type=text], input[type=username], input[type=number] {
  border: 1px solid #d0d3d4;
  font-family: "Playfair Display", serif;
}

button, input[type=button], input[type=submit], label, form {
  font-family: "Playfair Display", serif;
}

/* ----- a. Homepage Styles ----- */
.homepageContent {
  background: #eeeeee;
  padding: 4.5em 0;
}
.homepageContent .v65-blogPostWrapper {
  float: left;
  margin: 1em 0 0;
  width: 50%;
}
@media screen and (max-width: 580px) {
  .homepageContent .v65-blogPostWrapper {
    float: none;
    margin: 0 auto;
    width: 95%;
  }
}
.homepageContent .v65-blogPostWrapper .v65-blogPost {
  margin: 0 6%;
}
.homepageContent .v65-blogPostWrapper h2 {
  font-family: "Playfair Display", serif;
}
.homepageContent .v65-blogPostWrapper h2 a:hover, .homepageContent .v65-blogPostWrapper h2 a:focus, .homepageContent .v65-blogPostWrapper h2 a:active {
  color: #2a536f;
  text-decoration: none;
}
.homepageContent .v65-blogPostWrapper .v65-blogPostDate {
  color: #5d5d5d;
  font-family: "Playfair Display", serif;
}
.homepageContent .v65-blogPostWrapper .v65-blogPostDate a {
  color: #5d5d5d;
  font-weight: bold;
}
.homepageContent .v65-blogPostWrapper .v65-avatar,
.homepageContent .v65-blogPostWrapper .v65-blogFooter {
  display: none;
}

.homepageLinks .heroImage {
  -ms-behavior: url(backgroundsize.min.htc);
  behavior: url(backgroundsize.min.htc);
  text-align: center;
  padding: 5em 5%;
  position: relative;
  width: 90%;
}
@media screen and (min-width: 581px) {
  .homepageLinks .heroImage {
    min-height: 500px;
    padding: 2.5em 5% 8em;
  }
}
.homepageLinks .heroImage .imageContent {
  max-width: 450px;
  margin: 0 auto;
  width: 100%;
}
@media screen and (min-width: 581px) {
  .homepageLinks .heroImage .imageContent {
    margin-top: 8em;
  }
}
.homepageLinks .heroImage .imageContent h1 {
  font-size: 5em;
}
@media screen and (min-width: 581px) and (max-width: 950px) {
  .homepageLinks .heroImage .imageContent h1 {
    font-size: 4em;
  }
}
@media screen and (max-width: 580px) {
  .homepageLinks .heroImage .imageContent h1 {
    font-size: 3em;
  }
}
.homepageLinks .heroImage .imageContent a {
  color: #d4d4d4;
  font-weight: bold;
}
.homepageLinks .imageContent {
  position: relative;
}
.homepageLinks .bottomImage {
  -ms-behavior: url(backgroundsize.min.htc);
  behavior: url(backgroundsize.min.htc);
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  text-align: center;
  padding: 6em 5% 4em;
  position: relative;
  width: 50%;
}
@media screen and (min-width: 1300px) {
  .homepageLinks .bottomImage {
    padding: 6em 6%;
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .homepageLinks .bottomImage {
    float: none;
    padding: 4em 5%;
    width: 100%;
  }
}
@media screen and (min-width: 581px) {
  .homepageLinks .bottomImage:hover .overlay, .homepageLinks .bottomImage:active .overlay, .homepageLinks .bottomImage:focus .overlay {
    background: url(../images/image-overlay-darken.png);
    background: rgba(0, 0, 0, 0.7);
  }
}
.homepageLinks a, .homepageLinks p, .homepageLinks h1, .homepageLinks h2, .homepageLinks h3, .homepageLinks h4, .homepageLinks h5, .homepageLinks h6 {
  color: #fff;
  line-height: 1.3;
}
.homepageLinks a:hover, .homepageLinks a:focus, .homepageLinks a:active, .homepageLinks p:hover, .homepageLinks p:focus, .homepageLinks p:active, .homepageLinks h1:hover, .homepageLinks h1:focus, .homepageLinks h1:active, .homepageLinks h2:hover, .homepageLinks h2:focus, .homepageLinks h2:active, .homepageLinks h3:hover, .homepageLinks h3:focus, .homepageLinks h3:active, .homepageLinks h4:hover, .homepageLinks h4:focus, .homepageLinks h4:active, .homepageLinks h5:hover, .homepageLinks h5:focus, .homepageLinks h5:active, .homepageLinks h6:hover, .homepageLinks h6:focus, .homepageLinks h6:active {
  text-decoration: none;
}
.homepageLinks h1 {
  font-size: 2.8em;
  margin-bottom: 0;
}
@media screen and (min-width: 1301px) {
  .homepageLinks h1 {
    font-size: 3.5em;
  }
}
.homepageLinks p {
  font-size: 1.2em;
  line-height: 1.7;
}
.homepageLinks .imageButton {
  border: 2px solid #fff;
  display: inline-block;
  font-family: "Playfair Display", serif;
  padding: 7px 40px;
  position: relative;
  width: auto;
}
.homepageLinks .imageButton:hover, .homepageLinks .imageButton:focus, .homepageLinks .imageButton:active {
  background-color: #fff;
  color: #000;
}

.homepageContent.homepageProductGroup {
  background-color: #fff;
  padding: 3em 0;
}
.homepageContent.homepageProductGroup .v65-productGroup-title.v65-title {
  display: none;
}
.homepageContent.homepageProductGroup .v65-productGroup-product {
  padding: 2em 0em;
  margin: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
.homepageContent.homepageProductGroup .v65-productGroup-product .v65-title {
  font-size: 1.5em;
}
.homepageContent.homepageProductGroup .v65-productGroup-product:last-child {
  border-bottom: 0;
}
@media screen and (min-width: 701px) {
  .homepageContent.homepageProductGroup .v65-productGroup-product .v65-product-teaser {
    padding: 0 6%;
  }
}
.homepageContent.homepageProductGroup .v65-productGroup-product .v65-product-addToCart-priceWrapper {
  margin-bottom: 30px;
}
.homepageContent.homepageProductGroup .productPhoto {
  width: 30%;
}
@media screen and (max-width: 450px) {
  .homepageContent.homepageProductGroup .productPhoto {
    margin-bottom: 1em;
  }
}
.homepageContent.homepageProductGroup .productDescription {
  width: 70%;
}
.homepageContent.homepageProductGroup .productPhoto,
.homepageContent.homepageProductGroup .productDescription {
  float: left;
}
@media screen and (min-width: 1100px) {
  .homepageContent.homepageProductGroup .productPhoto,
.homepageContent.homepageProductGroup .productDescription {
    width: 50%;
  }
}
@media screen and (max-width: 451px) {
  .homepageContent.homepageProductGroup .productPhoto,
.homepageContent.homepageProductGroup .productDescription {
    display: block;
    width: 100%;
  }
}
@media screen and (min-width: 451px) {
  .homepageContent.homepageProductGroup .v65-productGroup-product.middleGroup .productPhoto {
    float: right;
  }
}

#slider {
	/*
	  // This breaks the home page slideshow
	  height: 0;
	  padding-top: 35%;
	*/
  overflow: hidden;
  width: 100%;
}
#slider .nivo-main-image {
  position: absolute !important;
}

/* ----- b. Page Styles ----- */
.backToTop {
  background: #191919;
  bottom: 1em;
  color: #fff;
  border-radius: 50%;
  display: none;
  height: 4em;
  line-height: 4em;
  opacity: 0.6;
  padding-top: 0.5em;
  position: fixed;
  right: 1em;
  text-align: center;
  text-decoration: none;
  width: 4.5em;
  z-index: 1000;
}

.upButton {
  font-size: 3em;
}

@media screen and (min-width: 768px) {
  .page {
    float: right;
    width: 75%;
  }
}

.colWrapper {
  margin-bottom: 2em;
  width: 100%;
}

.colWrapper:before, .colWrapper:after {
  content: "";
  display: table;
}

.colWrapper:after {
  clear: both;
}

.col2 {
  float: left;
  margin-left: 6%;
  width: 47%;
}

.col2:first-child {
  float: left;
  margin-left: 0%;
  width: 47%;
}

.col22 {
  float: left;
  margin-left: 6%;
  width: 29%;
}

.col22:first-child {
  margin-left: 0;
  width: 65%;
}

.col3 {
  float: left;
  margin-left: 5%;
  width: 30%;
}

.col3:first-child {
  float: left;
  margin-left: 0%;
  width: 30%;
}

.col4 {
  float: left;
  margin-left: 3%;
  width: 22.7%;
}

.col4:first-child {
  margin-left: 0;
}

@media screen and (max-width: 850px) {
  .col4 {
    margin: 0 2% 3em;
    width: 46%;
  }

  .col4:first-child {
    margin-left: 2%;
  }
}
@media screen and (max-width: 580px) {
  .col2 {
    float: none;
    margin-left: 0;
    margin-bottom: 1.5em;
    width: 100%;
  }

  .col2:first-child {
    float: none;
    width: 100%;
  }

  .col22,
.col22:first-child {
    float: none;
    margin: 0 0 2em;
    width: 100%;
  }

  .col3 {
    float: none;
    margin-left: 0;
    margin-bottom: 1.5em;
    width: 100%;
  }

  .col3:first-child {
    float: none;
    width: 100%;
  }

  .col4,
.col4:first-child {
    float: none;
    margin: 0 0 2em;
    width: 100%;
  }
}
.v65-featureRight, .v65-right,
.v65-featureLeft, .v65-left,
.v65-border {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

div#pagePhotoGallery {
  margin: 0 auto;
}

.customLinks > a:hover, .customLinks > a:focus, .customLinks > a:active {
  text-decoration: none;
}

.pageLinks {
  -ms-behavior: url(backgroundsize.min.htc);
  behavior: url(backgroundsize.min.htc);
  text-align: center;
  text-decoration: none;
  position: relative;
}
.pageLinks.fullWidthYes {
  float: left;
  padding: 4em 5%;
  width: 90%;
}
@media screen and (min-width: 1300px) {
  .pageLinks.fullWidthYes {
    padding: 7em 7%;
    width: 86%;
  }
}
@media screen and (max-width: 767px) {
  .pageLinks.fullWidthYes {
    float: none;
  }
}
.pageLinks.fullWidthNo {
  float: left;
  padding: 4em 5%;
  width: 40%;
}
@media screen and (min-width: 1300px) {
  .pageLinks.fullWidthNo {
    padding: 7em 7%;
    width: 36%;
  }
}
@media screen and (max-width: 767px) {
  .pageLinks.fullWidthNo {
    float: none;
    padding: 5em 5%;
    width: 90%;
  }
}
@media screen and (min-width: 581px) {
  .pageLinks:hover .overlay, .pageLinks:active .overlay, .pageLinks:focus .overlay {
    background: url(../images/image-overlay-darken.png);
    background: rgba(0, 0, 0, 0.7);
  }
}
.pageLinks a, .pageLinks p, .pageLinks h1, .pageLinks h2, .pageLinks h3, .pageLinks h4, .pageLinks h5, .pageLinks h6 {
  color: #fff;
  position: relative;
}
.pageLinks a:hover, .pageLinks a:focus, .pageLinks a:active, .pageLinks p:hover, .pageLinks p:focus, .pageLinks p:active, .pageLinks h1:hover, .pageLinks h1:focus, .pageLinks h1:active, .pageLinks h2:hover, .pageLinks h2:focus, .pageLinks h2:active, .pageLinks h3:hover, .pageLinks h3:focus, .pageLinks h3:active, .pageLinks h4:hover, .pageLinks h4:focus, .pageLinks h4:active, .pageLinks h5:hover, .pageLinks h5:focus, .pageLinks h5:active, .pageLinks h6:hover, .pageLinks h6:focus, .pageLinks h6:active {
  text-decoration: none;
}
.pageLinks h1 {
  font-size: 2.5em;
}
@media screen and (min-width: 1001px) {
  .pageLinks h1 {
    font-size: 3em;
  }
}
.pageLinks .imageButton {
  border: 2px solid #fff;
  color: #fff;
  display: inline-block;
  font-family: "Playfair Display", serif;
  letter-spacing: 1px;
  padding: 7px 40px;
  position: relative;
  width: auto;
}
.pageLinks .imageButton:hover, .pageLinks .imageButton:focus, .pageLinks .imageButton:active {
  background-color: #fff;
  color: #000;
}

.nivo-controlNav a:hover {
  color: transparent;
}

/* List */
.v65-calendarList-Month {
  border-bottom: 1px solid #eee;
  font-family: "Playfair Display", serif;
  font-size: 16px;
}

.v65-calendarList-Event .v65-title {
  margin-bottom: 1em;
}
.v65-calendarList-Event strong {
  font-weight: 300;
}
.v65-calendarList-Event .v65-calendarList-Time {
  display: block;
}

/* Block */
#v65-CalendarTable {
  border-color: #eeeeee;
  color: #e0e0e0;
}
#v65-CalendarTable th {
  background-color: #ebebeb;
  border-color: #eeeeee;
  color: #000;
  font-family: "Playfair Display", serif;
  font-weight: 300;
  padding: 5px 0;
}
#v65-CalendarTable td {
  border-color: #eeeeee;
}
#v65-CalendarTable .v65-CalendarDay {
  border: 0;
  color: #675b1f;
  font-family: "Playfair Display", serif;
  font-size: 0.95em;
}
#v65-CalendarTable .v65-CalendarOffMonthDays {
  background-color: #F7F7F7;
}
#v65-CalendarTable .v65-CalendarToDay {
  background-color: #EEEEEE;
}
@media screen and (max-width: 580px) {
  #v65-CalendarTable .v65-CalendarEvent {
    padding: 0;
  }
}
@media screen and (max-width: 580px) {
  #v65-CalendarTable .v65-CalendarEvent a {
    background-color: #e1e1e1;
    color: #fff;
    height: 2.3em;
    width: auto;
  }
}

/* Drilldown */
.eventWrapper h1 {
  margin-bottom: 1.5em;
  padding-bottom: 2em;
  position: relative;
  text-align: center;
}
.eventWrapper h1:after {
  border-bottom: 1px solid #eee;
  content: "";
  height: 1px;
  margin: 0 15%;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 70%;
}
.eventWrapper strong {
  font-weight: 300;
}

.backLink {
  font-family: "Playfair Display", serif;
  font-size: 1.1em;
}

/* ----- c. Store Styles ----- */
@media screen and (max-width: 725px) {
  #v65-fieldset-wholesalerInfo, #v65-fieldset-billingInfo,
#v65-fieldset-shippingOptions, #v65-fieldset-shippingInfo,
#v65-fieldset-paymentMethod, #v65-fieldset-sourceCode,
#v65-fieldset-usernamePassword {
    width: 98%;
  }
}

.v65-productGroup-teaser {
  width: 100%;
}

.v65-productGroup-product:first-child {
  margin-left: 0;
}

@media screen and (max-width: 750px) {
  .v65-productGroup .v65-clear {
    display: none;
  }
}
.v65-productGroup .v65-clear.productGroup-2Up-rowClear {
  display: none;
}
@media screen and (min-width: 581px) and (max-width: 599px) {
  .v65-productGroup .v65-clear.productGroup-2Up-rowClear {
    display: block;
  }
}
.v65-productGroup .v65-clear.productGroup-3Up-rowClear {
  display: none;
}
@media screen and (min-width: 600px) and (max-width: 750px) {
  .v65-productGroup .v65-clear.productGroup-3Up-rowClear {
    display: block;
  }
}

@media screen and (min-width: 581px) and (max-width: 600px) {
  .v65-product3Up {
    float: none;
    margin: 1em auto;
    width: 50%;
  }
}
@media screen and (max-width: 600px) {
  .v65-product3Up .v65-last {
    margin: auto;
    padding: auto;
    border: 0;
  }
}

@media screen and (max-width: 720px) {
  .print {
    margin: 0 10px;
  }
}

@media screen and (max-width: 580px) {
  .v65-product1Up .v65-product-photo {
    margin-right: 4%;
    width: 21%;
  }
}

.v65-product2Up .v65-product-photo {
  margin: 0 15px;
}

@media screen and (max-width: 580px) {
  .v65-product1UpStore .v65-product-photo {
    margin-right: 3%;
    width: 16%;
  }
}

@media screen and (max-width: 580px) {
  .v65-product1UpStore .v65-product-infoWrapper,
.v65-product1UpStore .v65-product-commerceWrapper {
    width: 81%;
  }
}

.homepageProductGroup .v65-product-photo {
  margin: 0 15px 0 0;
}

.v65-paging, .v65-pagingBottom {
  border-color: #eeeeee;
}

.v65-club {
  margin: 30px 0;
}

.v65-clubTeaser {
  border-bottom: 1px solid #e5e5e5;
}

.v65-product-quickView {
  background-color: #b03f1e;
  border: none;
  color: #fff;
  border-radius: 0;
  font-family: "Playfair Display", serif;
  margin-left: -52px;
  padding: 0.75em 1em;
}
.v65-product-quickView:hover, .v65-product-quickView:active, .v65-product-quickView:focus {
  background-color: #1d394b;
  color: #fff;
}

.v65-quickView {
  border: 1px solid #ccc;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.v65-quickView .v65-quickView-close {
  top: 10px;
  right: 10px;
}
.v65-quickView .v65-quickView-close a {
  background-color: #b03f1e;
  border-radius: 0;
  font-family: "Playfair Display", serif;
  padding: 4px 14px;
}
.v65-quickView .v65-quickView-close a:hover, .v65-quickView .v65-quickView-close a:active, .v65-quickView .v65-quickView-close a:focus {
  background-color: #1d394b;
}
.v65-quickView .v65-quickViewContent .v65-product-photoWrapper {
  width: 25%;
  margin-right: 2%;
}
.v65-quickView .v65-quickViewContent .v65-quickView-right-content {
  width: 70%;
}
.v65-quickView .v65-quickViewContent .v65-product-tabs .last a {
  border-radius: 0;
}
.v65-quickView .v65-quickViewContent .v65-product-tabs li a {
  border-color: #eeeeee;
  font-weight: 300;
}
.v65-quickView .v65-quickViewContent li.v65-product-tabs-active a {
  font-style: italic;
}
@media screen and (max-width: 767px) {
  .v65-quickView .v65-quickViewContent li.v65-product-tabs-active a {
    height: 44px;
    line-height: 44px;
  }
}
.v65-quickView .v65-quickViewContent .v65-product-tabRightcol {
  float: none;
  width: 100%;
}
.v65-quickView .v65-quickViewContent .v65-wine-specs .v65-product-attributeLabel {
  text-align: right;
  width: 47%;
}

@media screen and (max-width: 520px) {
  a.v65-product-quickView {
    display: none !important;
  }
}

.v65-product-addToCart-price {
  font-weight: 300;
}

.v65-product2Up {
  margin: 2em 2% 1.5em;
}
@media screen and (min-width: 601px) {
  .v65-product2Up {
    width: 46%;
  }
}
.v65-product2Up .v65-product-photo {
  float: left;
  margin: 0 15px 0 0;
}
@media screen and (max-width: 520px) {
  .v65-product2Up .v65-product-photo {
    float: none;
    margin: 0 auto;
  }
}
.v65-product2Up .v65-product-addToCart-priceWrapper {
  display: block;
  margin-bottom: 0.5em;
}

.v65-productList {
  font-family: "Playfair Display", serif;
}
.v65-productList th {
  background-color: #fff;
  font-size: 1.2em;
  font-weight: normal;
}
.v65-productList tr.alternatRow {
  background-color: #eee;
}
.v65-productList tr.alternatRow:hover, .v65-productList tr.alternatRow:active, .v65-productList tr.alternatRow:focus {
  background-color: #e5e5e5;
}
.v65-productList tr:hover, .v65-productList tr:active, .v65-productList tr:focus {
  background-color: #e5e5e5;
}
.v65-productList .v65-product-addToCart-quantity input {
  margin-bottom: 0.5em;
}

.v65-product-availability, .v65-product-inventoryMessage {
  color: #686868;
}

.v65-product-attributeLabel,
.v65-wine-specs .v65-product-attributeLabel,
.v65-product-reviewStats strong {
  font-weight: 300;
}

.v65-productWrapper h1 {
  float: none;
  letter-spacing: 0;
  text-align: left;
  width: 100%;
}

.productDetails {
  border-top: 1px solid #eee;
  float: left;
  padding: 2em 0;
  margin: 2em 0;
  width: 100%;
}

@media screen and (min-width: 681px) {
  .v65-wine-profile,
.v65-wine-specs {
    float: left;
    margin: 0 2%;
  }
}

@media screen and (min-width: 681px) {
  .v65-wine-specs {
    width: 36%;
  }
}
@media screen and (max-width: 680px) {
  .v65-wine-specs {
    padding: 1em;
  }
}
.v65-wine-specs .v65-product-attributeLabel {
  text-align: left;
  width: auto;
}

.v65-wine-profile {
  margin-bottom: 0;
}
@media screen and (min-width: 681px) {
  .v65-wine-profile {
    width: 56%;
  }
}
@media screen and (max-width: 680px) {
  .v65-wine-profile {
    padding: 1em;
  }
}

#v65-cartTable {
  font-family: "Playfair Display", serif;
}
@media screen and (max-width: 580px) {
  #v65-cartTable {
    font-size: 0.9em;
  }
}

#v65-cartCheckOutCoupons form {
  width: 280px;
}

td.v65-cartItemDescription {
  font-family: "Playfair Display", serif;
}
td.v65-cartItemDescription a {
  color: #000;
}

td.v65-cartItemDescription strong {
  color: #000;
  font-family: "Playfair Display", serif;
  font-size: 1.2em;
  font-weight: 300;
}
@media screen and (max-width: 400px) {
  td.v65-cartItemDescription strong {
    font-size: 0.95em;
  }
}

@media screen and (max-width: 400px) {
  span.v65-cartItemDescription-sku .small {
    font-size: 0.7em;
  }
}

#v65-cartTable th {
  background-color: #fff;
  border-bottom: 2px solid #eeeeee;
  border-top: 1px solid #eeeeee;
  font-weight: 400;
}

#v65-cartTable td {
  padding: 1em 0.3em;
}
@media screen and (max-width: 400px) {
  #v65-cartTable td {
    padding: 1em 0;
  }
}

.v65-cartItem td {
  border-top: 1px solid #eeeeee;
}

#v65-cartSubtotal td {
  background-color: #fff;
  border-top: 2px solid #eeeeee;
  font-weight: 400;
  padding: 1em 0;
}

.v65-cartTax td {
  background-color: #fff;
  border-bottom: 1px solid #eeeeee;
  padding: 1em 0 !important;
}

#v65-cartTotal td {
  background-color: #fff;
  border-bottom: 1px solid #eeeeee;
  padding: 1em 0.3em;
}

td.v65-cartItemPrice,
td.v65-cartItemTotal,
#v65-cartTable .v65-cartItemInStock,
.v65-cartSubtotal-6,
.v65-cartTotal-6,
.v65-cartTotal-5,
.v65-cartSubtotal-5,
.v65-cartSubtotal-6,
.v65-cartSubtotal-5,
.v65-cartTax-5 {
  color: #000;
  font-weight: 300;
}

#v65-modalCartBody {
  background-color: #fff;
  font-family: "Playfair Display", serif;
}

#v65-modalCartDropdown {
  border: 1px solid #d4d4d4;
}

#v65-modalCartTable th {
  background-color: #fff;
  border-bottom: 1px solid #ccc !important;
  border-top: 1px solid #ccc !important;
  border: 0;
  padding: 7px 2px;
  font-family: "Playfair Display", serif;
  font-weight: 300;
}

#v65-modalCartTable strong {
  font-family: "Playfair Display", serif;
  font-weight: 300;
}

#v65-modalCartTableSubtotal td {
  background-color: #fff;
  border-bottom: 1px solid #ccc !important;
  border-top: 1px solid #ccc !important;
}

#v65-modalCartTable td {
  border: 0;
  font-size: 1em;
  font-family: "Playfair Display", serif;
  padding: 7px 1px;
}
#v65-modalCartTable td.center.bold {
  font-weight: 300;
}

#v65-modalCartTableSubtotal td {
  font-weight: 300;
}

#v65-checkoutFormWrapper strong, #v65-checkoutFormWrapper .bold {
  font-weight: normal;
}

.v65-product-addToCart-priceWrapper {
  font-size: 1.2em;
}

#v65-pointsGainedOnOrder {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  margin: 0.5em 0 1em;
  font-size: 1em;
  padding: 0.5em 0;
}
#v65-pointsGainedOnOrder p {
  margin: 0;
}

#v65-checkoutCartSummaryMini,
#v65-checkCartSummaryMoreOptions {
  float: none;
  width: 100%;
}
#v65-checkoutCartSummaryMini td,
#v65-checkCartSummaryMoreOptions td {
  font-size: 13px;
}

#v65-couponFormWrapper div,
#v65-giftCardFormWrapper div,
#v65-loyaltyPointsFormWrapper div {
  font-family: "Oxygen", sans-serif;
  font-size: 12px;
}

#v65-loyaltyPointsFormWrapper div.v65-loyaltyPointsInputBox,
#v65-loyaltyPointsFormWrapper div.v65-loyaltyPointsDollarValue {
  padding: 0 0 10px 0;
  margin-right: 3%;
}
@media screen and (max-width: 450px) {
  #v65-loyaltyPointsFormWrapper div.v65-loyaltyPointsInputBox,
#v65-loyaltyPointsFormWrapper div.v65-loyaltyPointsDollarValue {
    width: 47%;
  }
}

@media screen and (max-width: 450px) {
  #v65-loyaltyPointsFormWrapper button.modalBtn {
    clear: left;
    display: block;
  }
}
#v65-loyaltyPointsFormWrapper input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}

@media screen and (orientation:landscape)
and (max-device-width: 700px) {
   
   #v65-modalContentWrapper{
     left: 0%;
     top: 0%;
     margin: 0;
     width: 100%;
     border: none;
   }

   #v65-modalContent p{
     font-size: 10pt;
   }

   .v65-form{
    width: 50%;float: left;margin-right: 2%;
  }

   .v65-form input[type=text], .v65-form input[type=password]{
      width: 93% !important;
   }
}

/*   ===================================================================================================
     5. Blog
======================================================================================================== */
@media screen and (min-width: 581px) {
  .blogContent {
    float: left;
  }
}
@media screen and (min-width: 768px) {
  .blogContent {
    padding: 4% 4% 0 0;
    width: 75%;
  }
}
.blogContent .v65-product-pagination, .blogContent .v65-Paging {
  width: 100%;
}

.v65-avatar img {
  border: 0;
  border-radius: 50%;
}

.v65-blogPostWrapper {
  border-bottom: 1px solid #eee;
  margin-bottom: 3em;
}

.v65-blogPost {
  margin-left: 0;
  padding-bottom: 5px;
}
.v65-blogPost .v65-blogPostDate {
  color: #5d5d5d;
  font-family: "Playfair Display", serif;
  text-align: center;
}
.v65-blogPost .v65-blogPostDate a {
  color: #5d5d5d;
  font-weight: bold;
}
.v65-blogPost h1 {
  letter-spacing: 0;
  margin-bottom: 2em;
  text-align: center;
}
@media screen and (min-width: 581px) {
  .v65-blogPost h1 {
    padding: 0 2em;
  }
}
.v65-blogPost h2 {
  margin-bottom: 2em;
  text-align: center;
}
@media screen and (min-width: 581px) {
  .v65-blogPost h2 {
    padding: 0 2em;
  }
}

@media screen and (min-width: 581px) {
  .blogFilterWrapper {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .blogFilterWrapper {
    float: right;
    padding-top: 7%;
    width: 20%;
  }
}
.blogFilterWrapper ul {
  list-style: none;
  padding: 0;
}
.blogFilterWrapper li {
  font-size: 11px;
  margin: 0 0 0 10px;
}
.blogFilterWrapper h5 {
  font-family: "Playfair Display", serif;
}
.blogFilterWrapper strong, .blogFilterWrapper .v65-recentEntriesTitle {
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .blogFilterWrapper .blogFilter {
    float: left;
    width: 49%;
  }
}

@media screen and (max-width: 580px), (min-width: 768px) {
  .blogFilterLeft {
    padding-right: 4%;
  }
}

.v65-blogFooterDate,
.v65-blogFooterComments,
.v65-blogFooterLink {
  color: #5d5d5d;
  font-size: 1.1em;
}
.v65-blogFooterDate img,
.v65-blogFooterComments img,
.v65-blogFooterLink img {
  display: none;
}

.v65-blogFooterDate:before,
.v65-blogFooterLink:before,
.v65-blogFooterComments:before {
  font-family: "icomoon";
}

.v65-blogFooterDate:before {
  content: "";
}

.v65-blogFooterLink:before {
  content: "";
}

.v65-blogFooterComments:before {
  content: "";
}

/*   ===================================================================================================
     6. Buttons
======================================================================================================== */
button {
  font-family: "Playfair Display", serif;
}
button span {
  padding: 0 1.5em;
}
@media screen and (max-width: 580px) {
  button span {
    padding: 0 0.7em;
  }
}
@media screen and (min-width: 581px) {
  button {
    height: 2.8em;
    line-height: 2.9em;
  }
}
@media screen and (max-width: 580px) {
  button {
    height: 4.3em;
    line-height: 4.3em;
  }
}
button.defaultBtn, button.modalBtn, button.largeBtn {
  background: #dfd2a8;
  font-family: "Playfair Display", serif;
  font-size: 14px;
  text-decoration: none;
  vertical-align: middle;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
button.defaultBtn span, button.modalBtn span, button.largeBtn span {
  background: none;
  height: auto;
  line-height: inherit;
}
button.defaultBtn:hover, button.defaultBtn:active, button.modalBtn:hover, button.modalBtn:active, button.largeBtn:hover, button.largeBtn:active {
  background: #60541d;
}
@media screen and (min-width: 581px) {
  button.modalBtn, button.altModalBtn {
    height: 2.5em;
    line-height: inherit;
  }
}
button.altBtn, button.altModalBtn, button.altLargeBtn {
  background: #555555;
  font-family: "Playfair Display", serif;
  text-decoration: none;
  vertical-align: middle;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
button.altBtn span, button.altModalBtn span, button.altLargeBtn span {
  background: none;
  height: auto;
  line-height: inherit;
}
button.altBtn:hover, button.altBtn:active, button.altModalBtn:hover, button.altModalBtn:active, button.altLargeBtn:hover, button.altLargeBtn:active {
  background: #434343;
}

a span {
  padding: 0 1em;
  height: auto;
  line-height: inherit;
}
a.linkBtn, a.modalLinkBtn, a.largeLinkBtn {
  background: #dfd2a8;
  font-family: "Playfair Display", serif;
  text-decoration: none;
  vertical-align: middle;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a.linkBtn span, a.modalLinkBtn span, a.largeLinkBtn span {
  background: none;
  height: auto;
  line-height: inherit;
}
a.linkBtn:hover, a.linkBtn:active, a.modalLinkBtn:hover, a.modalLinkBtn:active, a.largeLinkBtn:hover, a.largeLinkBtn:active {
  background: #60541d;
}
a.linkAltBtn, a.modalLinkAltBtn, a.modalLinkAltBtn {
  background: #555555;
  font-family: "Playfair Display", serif;
  text-decoration: none;
  vertical-align: middle;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a.linkAltBtn span, a.modalLinkAltBtn span, a.modalLinkAltBtn span {
  background: none;
  height: auto;
  line-height: inherit;
}
a.linkAltBtn:hover, a.linkAltBtn:active, a.modalLinkAltBtn:hover, a.modalLinkAltBtn:active, a.modalLinkAltBtn:hover, a.modalLinkAltBtn:active {
  background: #434343;
}
a.modalLinkBtn, a.modalLinkAltBtn, a.modalLinkAltBtn {
  min-width: auto;
}

/* Cart Buttons */
#v65-cartHeader button.defaultBtn, #v65-cartHeader button.modalBtn, #v65-cartHeader button.largeBtn, td.v65-cartItemAmount button.defaultBtn, td.v65-cartItemAmount button.modalBtn, td.v65-cartItemAmount button.largeBtn {
  background: #ae9934;
}
#v65-cartHeader button.defaultBtn:hover, #v65-cartHeader button.defaultBtn:active, #v65-cartHeader button.modalBtn:hover, #v65-cartHeader button.modalBtn:active, #v65-cartHeader button.largeBtn:hover, #v65-cartHeader button.largeBtn:active, td.v65-cartItemAmount button.defaultBtn:hover, td.v65-cartItemAmount button.defaultBtn:active, td.v65-cartItemAmount button.modalBtn:hover, td.v65-cartItemAmount button.modalBtn:active, td.v65-cartItemAmount button.largeBtn:hover, td.v65-cartItemAmount button.largeBtn:active {
  background: #93812c;
}

/*   ===================================================================================================
     7. Footer
======================================================================================================== */
footer {
  text-align: center;
  width: 100%;
}
footer ul {
  list-style: none;
  margin: 0 1em;
  padding: 0;
}
@media screen and (min-width: 768px) {
  footer ul {
    margin-bottom: 0.5em;
  }
}
@media screen and (max-width: 767px) {
  footer li {
    border-top: 1px solid #333333;
    line-height: 44px;
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  footer li {
    display: inline;
    padding: 0 10px;
  }
}
@media screen and (max-width: 767px) {
  footer li:first-child {
    border: 0;
  }
}
footer li a {
  display: inline-block;
  font-size: 0.917em;
  position: relative;
}
@media screen and (max-width: 767px) {
  footer li a {
    width: 100%;
  }
}
footer .subscribeSection {
  background-color: #b03f1e;
  /* padding: 5em 0; */
  padding: 2em 0 1em;
}
footer .subscribeSection h1 {
  color: #fff;
}
footer .subscribeSection div#v65-subscribeWidget {
  color: #fff;
}
footer .subscribeSection div#v65-subscribeWidget form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
footer .subscribeSection div#v65-subscribeWidget form button {
  margin-left: 4px;
}
footer #v65-subscribeWidget input {
  background-color: transparent;
  color: white;
}
@media screen and (min-width: 420px) {
  footer #v65-subscribeWidget input {
    width: 175px;
  }
}
footer .v65-socialMediaLinks {
  background-color: #b03f1e;
  padding: 1.5em 0 !important;
}
footer .v65-socialMediaLinks a {
  color: #fff;
  font-size: 1em;
}
footer .v65-socialMediaLinks a:hover, footer .v65-socialMediaLinks a:focus, footer .v65-socialMediaLinks a:active {
  color: #ccc;
  text-decoration: none;
}
footer .v65-socialMediaLinks ul {
  margin-bottom: 0;
}
footer .v65-socialMediaLinks li {
  border: 0;
  display: inline-block;
  font-size: 2em;
  padding: 0.2em 0.5em;
  margin: 0 !important;
}
footer .footerBottom {
  background-color: #191919;
  color: #C3C3C3;
  font-family: "Oxygen", sans-serif;
  padding: 3em 0 0.5em;
}
footer .footerBottom nav {
  padding-bottom: 3em;
}
footer .footerBottom a {
  color: #C3C3C3;
}
footer .footerBottom a:hover, footer .footerBottom a:focus, footer .footerBottom a:active {
  color: #fff;
  text-decoration: none;
}
footer .legal {
  color: #949494;
  font-size: 0.87em;
}
footer .legal li {
  border: 0;
  display: block;
}
footer .legal a {
  color: #949494;
}
footer .legal a:hover {
  color: #d4d4d4;
}

/*---------------------------------------------------- Custom CSS ----------------------------------------------------*/


/* Custom home page slideshow */
.backToTop,
.slick-pause {
  display: none !important;
}

.v65-logo {
 margin-top: 10px !important;
 margin-bottom: -100px !important;
}

/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */

button.flickity-button.flickity-prev-next-button.previous{
  cursor: pointer;
  margin-top: -30px;
  color: #888;
  font-weight: bold;
  font-size: 20px;
  user-select: none;
}

button.flickity-button.flickity-prev-next-button.next{
  cursor: pointer;
  margin-top: -30px;
  color: #888;
  font-weight: bold;
  font-size: 20px;
  user-select: none;
}

.flickity-prev-next-button.previous {
  top: 50%;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}
.flickity-prev-next-button.next {
  top: 50%;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: 25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: white;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

.carousel-cell {
  width: 100%; /* full width */
  height: 300px;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.carousel.is-fullscreen .carousel-cell {
  height: 100%;
}

.carousel-cell img {
  display: block;
  max-height: 100%;
}
@media screen and (min-width: 767px) {
  .carousel-cell {
    height: 400px;
  }
}
@media screen and (min-width: 980px) {
  .carousel-cell {
    height: 500px;
  }
}
@media screen and (min-width: 1140px) {
  .carousel-cell {
    height: 600px;
  }
}

/* home page custom changes */

.homepageContent.homepageProductGroup .v65-productGroup-product .v65-title {
	font-family: 'Courier New', monospace !important;
}

.v65-blogPost a {
    font-family: 'Courier New', monospace !important;
}

.homepageContent .v65-blogPostWrapper h2 {
    font-family: 'Courier New', monospace !important;
}

.homepage4squaresrow {
  display: flex;
}

.homepage4squarescol img {
    width: 100%;
	height:auto !important;
}

.homepage4squarescol {
  flex: 25%;
  padding: 5px;
}

.homepage4squarescol:hover {
    opacity: 0.8;
}

@media screen and (max-width: 768px) {
  .homepage4squarescol {
    width: 50%;
  }
}

div#homepagewrapper {
    margin: 0 !important;
    max-width: 100%;
    padding: 0;
    width: 100%;
}

.homepageContent {
    padding: 2.5em 0 !important;
}

div#homepagetext {
    padding: 0 20%;
}

/* ---- Welcome to Country ---- */
div#welcometocountry {
    background-color: #b03f1e;
	padding: 0.5em 0;
}
div#welcometocountry p {
    font-size: 14px;
    font-weight: 400;
    color: white;
    font-family: "Oxygen", sans-serif;
}

div#welcometocountry .v65-pod {
    margin: 0 auto;
    max-width: 990px;
    padding: 0 5%;
    width: 90%;
}


/* ---- Search Bar In Navigation ---- */
@media screen and (min-width: 578px) {
#v65-searchWidgetInput {
    display: inline !important;
}

#v65-searchWidgetButton {
	display: inline !important;
}

#v65-searchWidgetButton button.defaultBtn {
	font-size: 12px;
	vertical-align: baseline;
}

div#user-tools fieldset {
    border: none;
}

#v65-searchWidgetInput input {
}
#v65-searchWidgetInput select {
}

div#user-tools {
    display: flex;
    flex-direction: row;
}

.searchtools {
    float: left !important;
}
}

@media screen and (max-width: 579px) {
div#user-tools form {
    display: none;
}
}

/* ---- Home Page Slider Captions ---- */
.carousel-cell p {
  font-size: 2em;	
  position: absolute;
  top: 8px;
  right:16px;
  color: #000;
  z-index: 8;
  padding: 5px 10px;
  overflow: hidden;
  -moz-opacity: 0.8;
  filter: alpha(opacity=8);
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  font-family: 'Courier New', monospace;
}

/* ---- Footer Sign Up Form ---- */
div#Form6C3F757F-F66B-D407-71F1-FCBF1B6240A2 {
    width: 100% !important;
}

form.v65-customForm {
    width: 100% !important;
}

div#Form6C3F757F-F66B-D407-71F1-FCBF1B6240A2 form.v65-customForm fieldset {
    display: flex;
    flex-direction: row;
    justify-content: center;
    border: none !important;
}

div#Form6C3F757F-F66B-D407-71F1-FCBF1B6240A2 form.v65-customForm fieldset legend {
    display: none;
}

div#Form6C3F757F-F66B-D407-71F1-FCBF1B6240A2 form.v65-customForm fieldset label {
    color: black;
}