/*****************************************************************************
CSS styling for Adelaida Vineyards & Winery by Juice Media, Paso Robles.
Art Director and Development lead, Lindsay Masten.
*****************************************************************************/

/* ====================================================================================================
	Table of Content

	A. Reference
	B. Generic / Reset
	---
	01. Typography
	02. Header
	03. Slider
	04. Content
	05. Event Calendar
	06. Blog
	07. Buttons
	08. Product List
	09. Product Drilldown
	10. Footer
	11. Cart 
	12. Checkout
	13. Modal Window + Modal Window Forms
	14. Club Styling
	15. Trade & Legal
	16. History Timeline
	17. Shipment Calendar

   ==========================================================================
   A. Reference
   ==========================================================================

_ _ Color Palette:
	  Green: #8A8A50
	  Goldenrod: #CCA009
	  Pale Gray: #DCDDDE
	  Neutral Tan: #C4BDAD
	  Lilac Gray: #9B9BA3
	  Dark French Gray: #585252
	
_ _ Fonts in Use:
	  Primary: Neuton
	  Accent: Sailec
	  Icon: Glyphicons, FontAwesome
	
	==========================================================================
	B. Generic / Reset
   ========================================================================== */
	
*, *::after, *::before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

html {
	font-size: 62.5%;
}

body {
	min-height: 100%;
}

h1:empty,h2:empty,h3:empty,h4:empty,article:empty,p:empty {
    display: none;
    margin: 0;
    padding: 0;
    border: 0;
}

.pageContent {
	float: none;
}

@media screen and (min-width: 48.75em) {
	.pageContent {
	    margin-top: 2.5em;
		max-width: 58em;
		width: 77%;
	}
}

article { 
	margin: 0 auto;
}

img {
	max-width: 100%;
}

img.img_wide {
	width: 100%;
}

.textContent li {
	padding: 0;
}

.no-link {
	cursor: default !important;
}


/* button addition to styles in HTML editor for users */

a.lnkButton, .lnkButton a {
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	display: block;
	background: #fff;
	border: 1px solid #585252;
	border-radius: 0;
	color: #585252;
	text-transform: uppercase;
	font-family: "sailec-regular";
	letter-spacing: .03em;
	width: auto;
	max-width: 30em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	padding: .5em;
	font-size: .75em;
		-webkit-transition:all 400ms;
		transition:all 400ms;
}

a.lnkButton:hover, .lnkButton a:hover {
	background: #CCA009;
	border: 1px solid #CCA009;
	color: #fff;
		-webkit-transition:all 400ms;
		transition:all 400ms;
}


/* to be turned on when Vin65 tags are finished */

.searchbar {
	visibility: hidden;
}

.searchbar #v65-searchWidgetButton {
	display: none;	
}

#search-cart > .v65-search.searchbar > form > button {
	width: auto;
} 

/* preloader */

@media screen and (min-width: 581px) {
.js #preloader {
  z-index: 500;
  width: 100%;
  height: 100vh;
  right: 0;
  top: 0;
  overflow: auto;
  position: absolute;
  background: #efefef;
  background: radial-gradient(ellipse at center, #efefef 0%, #dcddde 100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dcddde', GradientType=1);
	  -webkit-transition:all 400ms;
	  transition:all 400ms;
}

#preloader .preloader-inner {
  display: table;
  position: absolute;
  margin: auto auto;
  left: 45%;
  right: 0;
  top: 0;
  bottom: 0;
}

#preloader .wineglass {
  height: 36px;
  position: relative;
}

#preloader .wineglass:after {
  content: '';
  position: absolute;
  top: 47px;
  left: 5px;
  width: 20px;
  height: 5px;
  background: white;
  -webkit-box-shadow: 0 0 1px white;
          box-shadow: 0 0 1px white;
}

#preloader .top {
  background: white;
  width: 30px;
  height: 36px;
  border-radius: 0 0 36px 36px;
  -webkit-box-shadow: 0 0 1px white;
          box-shadow: 0 0 1px white;
}

#preloader .top:before {
  content: '';
  position: absolute;
  left: 4px;
  bottom: 4px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #9e1426));
  background: linear-gradient(transparent 50%, #9e1426 50%);
}

#preloader .left .top:before {
  -webkit-animation: rotate2 2s linear infinite;
          animation: rotate2 2s linear infinite;
}

#preloader .right .top:before {
  -webkit-animation: rotate1 2s linear infinite;
          animation: rotate1 2s linear infinite;
}

#preloader .top:after {
  content: '';
  position: absolute;
  top: 35px;
  left: 12px;
  width: 6px;
  height: 13px;
  background: white;
  -webkit-box-shadow: 0 0 1px white;
          box-shadow: 0 0 1px white;
}

#preloader .left {
  display: inline-block;
  margin-right: 10px;
  -webkit-animation: rotate1 2s cubic-bezier(.39, 1.52, .46, .92) infinite;
          animation: rotate1 2s cubic-bezier(.39, 1.52, .46, .92) infinite;
}

#preloader .right {
  display: inline-block;
  -webkit-animation: rotate2 2s cubic-bezier(.39, 1.52, .46, .92) infinite;
          animation: rotate2 2s cubic-bezier(.39, 1.52, .46, .92) infinite;
}

@-webkit-keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(22deg);
            transform: rotate(22deg);
  }
}

@keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(22deg);
            transform: rotate(22deg);
  }
}

@-webkit-keyframes rotate2 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-22deg);
            transform: rotate(-22deg);
  }
}

@keyframes rotate2 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-22deg);
            transform: rotate(-22deg);
  }
}

#preloader ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 70px;
  height: 25px;
  position: relative;
  opacity: 0;
  -webkit-animation: 2s fadeInUp infinite linear 2s;
          animation: 2s fadeInUp infinite linear 2s;
}

#preloader li {
  width: 6px;
  height: 15px;
  background: white;
  position: absolute;
  -webkit-box-shadow: 0 0 1px white;
          box-shadow: 0 0 1px white;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
}

#preloader li:nth-child(1) {
  left: 26px;
  bottom: 5px;
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}

#preloader li:nth-child(2) {
  left: 34px;
  bottom: 8px;
}

#preloader li:nth-child(3) {
  left: 42px;
  bottom: 5px;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  33% {
    opacity: 1;
    -webkit-transform: scaleY(1.4);
            transform: scaleY(1.4);
  }
  64% {
    opacity: .1;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleY(.3);
            transform: scaleY(.3);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  33% {
    opacity: 1;
    -webkit-transform: scaleY(1.4);
            transform: scaleY(1.4);
  }
  64% {
    opacity: .1;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scaleY(.3);
            transform: scaleY(.3);
  }
}
}


/* back to top */

#scrollup{
    padding: .5em .5em .5em .75em;
    border-radius: 0;
    color: #585252;
    background-color: #dcddde;
    opacity: .85;
    width: auto;
    height: 40px;
    position: fixed;
    bottom: 20px;
    right: 0px;
    cursor: pointer;
    display: none;
    z-index: 9999;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}

#scrollup span.scrollText {
    font-family: 'sailec-bold';
    font-weight: normal;
    text-transform: uppercase;
    text-decoration: none;
    font-size: .5em;
    letter-spacing: .03em;
}

a#scrollup:hover,
a#scrollup:focus {
    background-color: #CCA009;
    opacity: 1;
    color: #fff;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}




/* ==========================================================================
   01. Typography
   ========================================================================== */

/* =======
webfonts */

@font-face {
font-family:'neuton-regular';
	src: url('../fonts/neuton-regular.eot'); /* IE9 Compat Modes */
	src: url('../fonts/neuton-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('../fonts/neuton-regular.woff2') format('woff2'), /* Super Modern Browsers */
	     url('../fonts/neuton-regular.woff') format('woff'), /* Pretty Modern Browsers */
	     url('../fonts/neuton-regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
font-family:'neuton-bold';
	src: url('../fonts/neuton-bold.eot'); /* IE9 Compat Modes */
	src: url('../fonts/neuton-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('../fonts/neuton-bold.woff2') format('woff2'), /* Super Modern Browsers */
	     url('../fonts/neuton-bold.woff') format('woff'), /* Pretty Modern Browsers */
	     url('../fonts/neuton-bold.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
font-family:'neuton-cursive';
	src: url('../fonts/neuton-cursive.eot'); /* IE9 Compat Modes */
	src: url('../fonts/neuton-cursive.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('../fonts/neuton-cursive.woff2') format('woff2'), /* Super Modern Browsers */
	     url('../fonts/neuton-cursive.woff') format('woff'), /* Pretty Modern Browsers */
	     url('../fonts/neuton-cursive.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
font-family:'sailec-light';
	src: url('../fonts/sailec-light.eot'); /* IE9 Compat Modes */
	src: url('../fonts/sailec-light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('../fonts/sailec-light.woff2') format('woff2'), /* Super Modern Browsers */
	     url('../fonts/sailec-light.woff') format('woff'), /* Pretty Modern Browsers */
	     url('../fonts/sailec-light.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
font-family:'sailec-regular';
	src: url('../fonts/sailec-regular.eot'); /* IE9 Compat Modes */
	src: url('../fonts/sailec-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('../fonts/sailec-regular.woff2') format('woff2'), /* Super Modern Browsers */
	     url('../fonts/sailec-regular.woff') format('woff'), /* Pretty Modern Browsers */
	     url('../fonts/sailec-regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
font-family:'sailec-bold';
	src: url('../fonts/sailec-bold.eot'); /* IE9 Compat Modes */
	src: url('../fonts/sailec-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('../fonts/sailec-bold.woff2') format('woff2'), /* Super Modern Browsers */
	     url('../fonts/sailec-bold.woff') format('woff'), /* Pretty Modern Browsers */
	     url('../fonts/sailec-bold.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
font-family:'glyphicons-halflings';
	src: url('../fonts/glyphicons-halflings-regular.eot'); /* IE9 Compat Modes */
	src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), /* Super Modern Browsers */
	     url('../fonts/glyphicons-halflings-regular.woff') format('woff'), /* Pretty Modern Browsers */
	     url('../fonts/glyphicons-halflings-regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}

/* =======
general typography */

body {
  font-size: 1.6rem;
  font-family: 'neuton-regular', serif;
  font-weight: normal;
  color: #585252;
  background-color: #ffffff;
}

a {
  color: #8A8A50;
  font-weight: normal;
  text-decoration: none;
  -webkit-transition: all 400ms;
  	transition: all 400ms;
}

a:focus, a:hover {
	text-decoration: none;
	color: #8A8A50;
	-webkit-transition: all 400ms;
		transition: all 400ms;
}

#page .h3, 
#page h3,
#wide .h3, 
#wide h3 {
	font-family: 'sailec-light';
	letter-spacing: .08em;
	line-height: 1.5em;
	text-transform: uppercase;
	padding-top: .5em;
	font-size: 18px; /* override Bootstrap */
}

#page .h6, 
#page h6,
#wide .h6, 
#wide h6 {
	font-family: 'sailec-regular';
	letter-spacing: .02em;
	line-height: 1.75em;
}

i, em {
	font-family:'neuton-cursive';
	font-style: normal !important;
}

b, strong {
	font-weight: normal;
}

p b, p strong {
	font-family:'neuton-bold';
}

.center {
	text-align: center;
	-ms-flex-line-pack: center;
	    align-content: center;
	margin-left: auto;
	margin-right: auto;
}

label {
	font-weight: normal;
	font-style: normal;
}

span.ampersand {
  font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif !important;
  font-style: italic;
  font-weight: normal;
}

::selection {
  background-color: rgba(204, 160, 8, 0.6) !important;
  color: #ffffff;
}

.flouron::after, .flouron::before,
.flouron p::after, .flouron p::before,
.flouron h2::after, .flouron h2::before,
.flouron h3::after, .flouron h3::before {
	content: url('/assets/images/line.png');
	height: auto;
	width: 100px;
	display: block;
	margin-bottom: 1em;
	margin-top: .25em;
	margin-left: auto;
	margin-right: auto;
}

 @media screen and (max-width: 779px) {
 	.h1, h1 {
 		font-size: 28px;
 	}
 	.h2, h2 {
 		font-size: 20px;
 	}
 }



/* ==========================================================================
   02. Header
   ========================================================================== */


/* =======
mobile only contact us bar */

@media screen and (max-width: 768px) {
	#mobileContact {
		display: block;
		position: fixed;
		top: 0;
		width: 100%;
		height: 3.5em;
		line-height: 3.5em;
		z-index: 500;
		background: #222222;
		background: radial-gradient(ellipse at center,  #222222 0%,#364049 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#364049',GradientType=1 );
		
	}
	
	.mobileContact-inner {
		color: #fff;
		text-align: center;
		width: 100%;
	}
	
	.mobileContact-inner a {
		color: #fff;
		font-size: 85%;
		letter-spacing: .05em;
		border: solid 1px #ededed;
		padding: 5px 20%;
		margin: auto;
	}
	
	#mobileContact button.mobileMap, #mobileContact button.mobileNumber {
		height: 3.5em;
		line-height: 3.5em;
		background: transparent;
		border: none;
		width: 45%;
	}
}

@media screen and (min-width: 769px) { /* turn off for larger screens */
	#mobileContact {
		display: none;
	}
}


/* =======
promo/announcement bar */

#promoBar {
	width: 100%;
	top: 0;
	position: fixed;
	z-index: 101;
	background: #8A8A50;
	-webkit-box-shadow: inset 0px 0px 25px 0px rgba(128,128,74,1);
	box-shadow: inset 0px 0px 25px 0px rgba(128,128,74,1);
	height: 35px;
	line-height: 35px;
	color: #ffffff;
	font-size: 1em;
	padding: 0;
	text-align: center;
}

#promoBar .promoMessage {
	font-family: 'sailec-regular';
	font-size: .7em;
	text-transform: uppercase;
	letter-spacing: .15em;
	line-height: 35px;
	margin-right: 5px;
	vertical-align: text-bottom;
}

#promoBar .promoButton,
#promoBar a .promoButton {
	color: #ffffff;
	font-family: 'sailec-bold';
	font-size: .7em;
	text-transform: uppercase;
	letter-spacing: .15em;
	padding-top: 0.55px;
	padding-right: 0.75em;
	padding-bottom: 0.1em;
	padding-left: 0.85em;
	margin-left: .5em;
	vertical-align: top;
	border: 1px solid #f2f2f2;
		-webkit-transition: background-color 400ms;
		transition: background-color 400ms
}

#promoBar .promoButton:hover, 
#promoBar a .promoButton:hover,
#promoBar .promoButton:focus, 
#promoBar a .promoButton:focus {
	background: #ffffff;
	color: #8A8A50;
	cursor: pointer;
	text-decoration: none;
		-webkit-transition: background-color 400ms;
		transition: background-color 400ms
}

@media screen and (max-width: 768px) {
	#promoBar {
		font-size: .8em;
		top: 4.35em;
	}
}

/* =======
main navigation
    ======= >>> REFERENCE MENU-STYLE.CSS & WINE-PORTFOLIO.CSS FILES */

.nav-wrapper {
	position: fixed;
	top: 0;
	background: #fff;
	z-index: 100;
	width: 100%;
}

.page-wrapper {
	position: relative;
	overflow-x: hidden;
}

@media screen and (max-width: 768px) {
	.nav-wrapper {
		position: relative;
	}
	.page-wrapper {
		margin-top: 0 !important; /* must be !important to override js */
	}
	.v65-mainContent {
		min-height: auto !important;
	}
}

/* =======
main navigation v65 overrides
    ======= */

li.v65-home {
	display: none; /* removed home link */
}

.v65-mainNav {
	background: transparent;
	margin-bottom: 0;
}


/* =======
wine club login box */

.wineClub {
    position: relative;
}

.clubLoginBox {
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    background: #8A8A50;
    -webkit-box-shadow: inset 0px 0px 25px 0px rgba(128,128,74,1);
    box-shadow: inset 0px 0px 25px 0px rgba(128,128,74,1);
    height: 92px;
    color: #fff;
    text-align: center;
    /*z-index: -1;*/
    z-index: 1;
    padding-top: 6px;
    	-webkit-transition:all 400ms;
    	transition:all 400ms;
}

.clubLoginBox:hover, .clubLoginBox:focus,
.clubLoginBox:hover a, .clubLoginBox:focus a {
	background: #CCA009;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	text-decoration: none;
		-webkit-transition:all 400ms;
		transition:all 400ms;
}

.clubLoginBox .v65-contactActions {
	line-height: 1em;
	padding-top: 8px;
	padding-left: 1px;
	padding-right: 1px;
	text-transform: uppercase;
}

.clubLoginBox .v65-contactActions a {
	color: #fff;
	letter-spacing: .01em;
	line-height: 1.5em;
	display: block;
	font-size: 0.75em;
	text-align: center;
}

.clubLoginBox span.accountLabel {
	font-size: 20px;
	font-family: 'neuton-cursive';
	line-height: 1em;
	padding-bottom: 3px;
	border-bottom: 1px solid #fff;
	padding-top: 2px;
}

.clubLoginBox .v65-contactActions .v65-editProfile a,
.clubLoginBox .v65-contactActions .v65-logout a,
.clubLoginBox .v65-contactActions .v65-yourAccount a,
.clubLoginBox .v65-contactActions .v65-login a {
	color: #fff;
	padding: 1px 3px 2px 3px;
    margin-top: 1px;
    display: block;
}

.clubLoginBox .v65-contactActions .v65-editProfile,
.clubLoginBox .v65-contactActions .v65-logout,
.clubLoginBox .v65-contactActions .v65-yourAccount,
.clubLoginBox .v65-contactActions .v65-login {
	border: 0;
	margin: 0;
	padding: 0;
	width: initial;
}

/* =======
Login */

@media screen and (max-width: 991px) { /* remove wine club box on mobile */
	.wineClub {
		display: none;
	}
}

#v65-modalContentWrapper #v65-forgotPasswordForm legend,
#v65-forgotPasswordForm legend {
	font-family: 'sailec-regular';
	font-size: .7em;
	text-transform: uppercase;
	letter-spacing: .15em;
	line-height: 35px;
	text-align: left;
}


/* =======
forms */

.v65-form,
#v65-memberFormWrapper form {
	margin: 0 auto;
	max-width: 450px;
	width: 100%;
}

#v65-LoginFormWrapper form {
	margin: 0;
}

.v65-form fieldset,
#v65-memberFormWrapper fieldset,
#v65-LoginFormWrapper fieldset {
	border: 0;
}

.v65-form legend,
#v65-memberFormWrapper legend,
#v65-LoginFormWrapper legend {
	border: 0;
	font-size: 1.2em;
}

.v65-form label {
	line-height: 1em;
}

.v65-form label span.red {
	color: transparent;
}

.v65-form label span.red:after {
	content:"\f069";
	font-family: 'fontawesome';
	color: #CCA009;
	font-size: 60%;
	padding-right: 5px;
	vertical-align: text-top;
}

.v65-form input[type=text], 
.v65-form input[type=email], 
.v65-form input[type=tel], 
.v65-form input[type=password], 
.v65-form input[type=number], 
.v65-form input[type=username],
.v65-form textarea {
	border: 1px solid #e0e0e0;
	border-radius: 0em;
	color: #585252;
	padding: 0.5em;
	max-width: 500px;
	width: 100% !important;
	-webkit-appearance: none;
	font-size: 1.6rem;
  	font-family: 'neuton-regular', serif;
}

.v65-form input[type=text]:focus, 
.v65-form input[type=email]:focus, 
.v65-form input[type=tel]:focus, 
.v65-form input[type=password]:focus, 
.v65-form input[type=number]:focus, 
.v65-form input[type=username]:focus,
.v65-form textarea {
	border-color: #b5b5b5;
	outline: none;
}

.v65-form select {		
	border: 1px solid #e0e0e0;
	border-radius: 0em;
	color: #585252;
	font-size: 1.6rem;
	font-family: 'neuton-regular', serif;
	padding: 0.5em;
	max-width: 500px;
	width: 100% !important;
}

.v65-form input[type=checkbox],
#v65-memberFormWrapper input[type=checkbox] {
	margin: 0.2em 0.3em;
}

#v65-memberFormWrapper select[name="BirthMonth"],
#v65-memberFormWrapper select[name="BirthDay"],
#v65-memberFormWrapper select[name="BirthYear"] {
	width: 32% !important;
}

#v65-memberFormWrapper select[name="CardExpiryMo"],
#v65-memberFormWrapper select[name="CardExpiryYr"] {
    width: 49% !important;
}

form .label {
	color: initial;
		display: block;
	font-size: 1em;
	font-weight: normal;
	line-height: initial;
}

.v65-memberAllocationHistoryTable,
.v65-memberAllocationTable {
	font-size: 1em;
}

@media screen and (max-width: 580px){
	.v65-memberAllocationHistoryTable,
	.v65-memberAllocationTable,
	#v65-memberAddressBook {
		font-size: 0.8em;
	}
}

.v65-memberAllocationHistoryWrapper {
	border-bottom: 0;
}

#v65-memberAddressBook th,
#v65-memberOrders th,
.v65-memberAllocationHistoryTable th,
thead th {
	background: transparent;
	border: 0;
	font-family: 'sailec-regular';
	font-size: 0.8em;
	font-weight: bold;
	padding: 0 .25em;
	text-transform: uppercase;
}

#v65-memberAddressBook td,
#v65-memberOrders td {
	border-color: #e0dcdc;
}

.v65-memberAllocationTable td {
	border-bottom: 0;
}

tr:nth-child(even) {
	background: transparent;
}



/* member dashboard padding on mobile */
#member .pageContent {
	margin: 2.5em auto 0;
}

.pageContent .v65-form {
	margin-left: auto;
	margin-right: auto;
}


/* member dashboard subnav */
#memberSubNav {
	background: #efefef;
	text-align: center;
	line-height: 3em;
}

#memberSubNav li {
	border: 0;
	margin: 0;
	padding: 0 .5em;
	width: auto;
	display: inline-block;
}

#memberSubNav li a {
	color: #585252;
	font-size: .7em;
	font-style: normal;
	font-family: 'sailec-regular';
	font-weight: normal;
	letter-spacing: .05em;
	text-transform: uppercase;
		-webkit-transition:all 400ms;
		transition:all 400ms;
}

#memberSubNav li a:hover,
#memberSubNav li a:active,
#memberSubNav li a:focus {
	color: #8A8A50;
	font-style: normal;
	font-family: 'sailec-bold';
		-webkit-transition:all 400ms;
		transition:all 400ms;
}


/* ==========================================================================
   03. Slider
   ========================================================================== */

.heroSlider {
	height: 60vh; 
	/*line-height: 60vh; /* line-height must = height */
	text-align: center;
	width: 100%;
	display: block;
	position: relative;
	overflow: hidden !important;
}

#owl-slider .item img {
    display: block;
    width: 100%;
    height: auto;
}

.owl-theme .owl-controls .owl-buttons div {
	z-index: 1;
	position: absolute;
	top: 32vh; /* half of the slider height + some visual compensation */
	line-height: 1em;
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
	left: 0;
	display: block;
	width: 8em;
	height: 60vh;
	line-height: 60vh;
	margin-top: -32vh;
	margin-left: 0;
	background: transparent;
	opacity: .4; /* not visible until hover */
		-webkit-transition:opacity 400ms,background-color 400ms;
		transition:opacity 400ms,background-color 400ms
}

.owl-theme .owl-controls .owl-buttons .owl-prev:before {
	font-family:'glyphicons-halflings';
	font-size: 3em;
	content:"\e079";
		-webkit-text-fill-color: transparent; /* will override color */
		-webkit-text-stroke-width: 1px;
		-webkit-text-stroke-color: #ffffff;
}

.owl-theme .owl-controls .owl-buttons .owl-next {
	right: 0;
	display: block;
	width: 8em;
	height: 60vh;
	line-height: 60vh;
	margin-top: -32vh;
	margin-right: 0;
	background: transparent;
	opacity: .4; /* not visible until hover */
		-webkit-transition:opacity 400ms,background-color 400ms;
		transition:opacity 400ms,background-color 400ms
}

.owl-theme .owl-controls .owl-buttons .owl-next:before {
	font-family:'glyphicons-halflings';
	font-size: 3em;
	content:"\e080";
		-webkit-text-fill-color: transparent; /* will override color */
		-webkit-text-stroke-width: 1px;
		-webkit-text-stroke-color: #ffffff;
}

.owl-theme .owl-controls .owl-buttons .owl-next:active,
.owl-theme .owl-controls .owl-buttons .owl-next:hover,
.owl-theme .owl-controls .owl-buttons .owl-prev:active,
.owl-theme .owl-controls .owl-buttons .owl-prev:hover {
	opacity: 1;
	color: #ffffff;
	background: transparent;
		-webkit-transition:opacity 400ms,background-color 400ms;
		transition:opacity 400ms,background-color 400ms
}


.owl-carousel .owl-item { /* height declared for vertical centering */
	height: 60vh;
}

#owl-slider .item .caption {
    width: 38%;
    position: absolute;
    overflow: auto;
	display: table;
	margin: auto auto;
	top: 0;
	bottom: 0;
	left: 12%;
}

#owl-slider .item .caption h1 {
	color: #ffffff;
	font-size: 2.15em;
	text-align: center;
	margin-bottom: 1em;
}

#owl-slider .item .caption a.sliderButton { /* Buy Now button */
	color: #ffffff;
	line-height: 1em;
	cursor: pointer;
	border: 1px solid #f2f2f2;
	text-align: center;
	padding: 1.15em 1em .9em;
	font-size: 1.8em;
	font-family: 'sailec-light';
	text-transform: uppercase;
	letter-spacing: .15em;
	border-radius: 0;
	background: transparent;
		-webkit-transition:opacity 400ms,background-color 400ms;
		transition:opacity 400ms,background-color 400ms
}

#owl-slider .item .caption a.sliderButton:active,
#owl-slider .item .caption a.sliderButton:hover {
	background: #CCA009;
	opacity: .9;
		-webkit-transition:opacity 400ms,background-color 400ms;
		transition:opacity 400ms,background-color 400ms
}

/* =======
slider on smaller desktops and laptops */

@media screen and (max-width: 1022px) {
	#owl-slider .item .caption {
		left: 8%;
		width: 55%;
	}
}

@media screen and (max-width: 991px) {
	.heroSlider {
		height: auto; 
		line-height: auto; /* line-height must = height */
	}
	#owl-slider .item .caption {
		left: 8%;
		width: 50%;
	}
	#owl-slider .item .caption h1 {
		font-size: 1.85em;
		margin-bottom: .8em;
	}
	#owl-slider .item .caption a.sliderButton {
		padding: .8em .65em .5em;
		font-size: 1.45em;
	}
}

/* =======
slider on tablets */

@media screen and (max-width: 991px) {
	.owl-carousel .owl-item { /* height declared for vertical centering */
		height: auto;
	}
}


@media screen and (max-width: 768px) {
	#owl-slider .item .caption {
		left: 0;
		right: 0;
	}
	#owl-slider .item .caption h1 {
		font-size: 1.85em;
		margin-bottom: .6em;
	}
	#owl-slider .item .caption a.sliderButton {
		padding: .8em .65em .5em;
		font-size: 1.5em;
	}
	.owl-theme .owl-controls .owl-buttons .owl-next,
	.owl-theme .owl-controls .owl-buttons .owl-prev {
		height: auto;
		line-height: 45vh;
	}
}

/* =======
slider on mobile */

@media screen and (max-width: 614px) {
	#owl-slider .item .caption {
		left: 0;
		right: 0;
	}
	#owl-slider .item .caption h1 {
		font-size: 1.5em;
		margin-bottom: .5em;
	}
	.owl-theme .owl-controls,
	.owl-theme .owl-controls .owl-buttons .owl-prev,
	.owl-theme .owl-controls .owl-buttons .owl-next {
		display: none; /* remove prev and next buttons on mobile */
	}
	#owl-slider .item .caption a.sliderButton {
		background: rgba(155, 155, 163, 0.8);
		opacity: 1;
	}
}

@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
	.owl-theme .owl-controls,
	.owl-theme .owl-controls .owl-buttons .owl-prev,
	.owl-theme .owl-controls .owl-buttons .owl-next {
		display: none; /* remove prev and next buttons on mobile */
	}
}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
	.owl-theme .owl-controls,
	.owl-theme .owl-controls .owl-buttons .owl-prev,
	.owl-theme .owl-controls .owl-buttons .owl-next {
		display: none; /* remove prev and next buttons on mobile */
	}
}

@media screen and (max-width: 500px) {
	#owl-slider .item .caption {
		left: 0;
		right: 0;
		width: 75%;
		text-align: center;
	}
	#owl-slider .item .caption h1 {
		display: none; /* remove to bring caption back to mobile */
		font-size: 1.4em;
		margin-bottom: .5em;
	}
}

/* ==========================================================================
   04. Content
   ========================================================================== */


/* =======
generic content padding on mobile */

@media screen and (max-width: 48.75em) {
	#page .v65-mainContent, #wide .v65-mainContent, #member .v65-mainContent {
		padding-left: 8px;
		padding-right: 8px;
	}
}

 
/* =======
mailing list signup */
   
#home .pageWrapper {
	padding: 0 5% 3em;
}   
   
#homepageSubscribe .mailingListText h3::after,
#homepageSubscribe .mailingListText h3::before {
	content: url('/assets/images/line.png');
	height: auto;
	width: 100px;
	display: block;
	margin-bottom: 1em;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
}

#homepageSubscribe .mailingListText h3::after {
	margin-top: .4em;
}

#homepageSubscribe .mailingListText h3 {
	font-size: 1.25em;
	line-height: 1.45em;
}

#homepageSubscribe .v65-form {
	max-width: 100%;
	width: 100%;
}

#homepageSubscribe .v65-form fieldset div {
	overflow: visible;
}

#homepageSubscribe .v65-customForm div.error:nth-of-type(1) {
	min-width: 100%;
	width: 100%;
}

#homepageSubscribe .v65-customForm {
	display: inline-block;
	width: 100%;
	max-width: 100%;
	margin-top: 1em;
}

#homepageSubscribe .v65-customForm div,
#homepageSubscribe .v65-customForm div > button {
	display: inline-block;
	width: 19%;
	max-width: 19%;
	margin: 0 5px 0 0;
	position: relative;
}

#homepageSubscribe form.v65-customForm fieldset {
	border: 0;
}

#homepageSubscribe form.v65-customForm fieldset:before {
	content: "Join our mailing list today:";
	color: #8A8A50;
	letter-spacing: .01em;
	font-family: 'neuton-cursive';
	display: inline;
	line-height: 2.2em;
	margin-right: 1em;
	width: 18%;
	max-width: 18%;
	overflow: hidden;
	vertical-align: top;
}

#homepageSubscribe form.v65-customForm legend {
	display: none;
}

#homepageSubscribe .v65-customForm div > button {
	border-radius: 0;
	background: #8A8A50;
	border: 1px solid #8A8A50;
	height: 26px;
	line-height: .85em;
	vertical-align: text-top;
	width: 100%;
	max-width: 100%;
	color: #ffffff;
	font-family:'sailec-regular';
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: .85em;
		-webkit-transition:all 400ms;
		transition:all 400ms;
	padding: 6px;
}

#homepageSubscribe .v65-customForm div > button span {
	height: 1em;
	line-height: 1em;
}

#homepageSubscribe .v65-customForm div > button:hover,
#homepageSubscribe .v65-customForm div > button:focus {
	border: 1px solid #CCA009;
	background: #CCA009;
		-webkit-transition:all 400ms;
		transition:all 400ms;
}
   
#homepageSubscribe .v65-required:after {
	content: "";
}

#homepageSubscribe .v65-customForm div > label {
	font-family: 'sailec-light';
	color: rgba(88, 82, 82, 0.15);
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: .85em;
	line-height: 31px;
	margin-left: .8em;
	margin-bottom: 0;
	position: absolute;
	top: 5px;
	pointer-events: none;
	border-radius: 0 !important;
	z-index: 3;
}

#homepageSubscribe .v65-customForm div > label:active,
#homepageSubscribe .v65-customForm div > label:focus {
	opacity: 0;
}

#homepageSubscribe .v65-customForm input[type=text], 
#homepageSubscribe .v65-customForm input[type=email] {
	letter-spacing: .05em;
	font-size: 1.1em;
	line-height: 28px;
	height: 28px;
	font-family: 'neuton-regular';
	color: #585252;
	vertical-align: top;
	border-radius: 0;
	position: relative;
	width: 100%;
	/* details to facilitate grow animation */
		z-index: 1;
		vertical-align: middle;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-osx-font-smoothing: grayscale;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: transform;
		-webkit-transition-property: -webkit-transform;
		transition-property: -webkit-transform;
		transition-property: transform;
		transition-property: transform, -webkit-transform;
}

#homepageSubscribe .v65-customForm input[type=text]:focus, 
#homepageSubscribe .v65-customForm input[type=email]:focus { 
	outline-color: #c4bdad !important; /* color of glow around active input area */
		-webkit-transition:all 400ms;
		transition:all 400ms;
	/* grow animation */
	z-index: 2;
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
}

#homepageSubscribe > form > p { /* thank you message after email is submitted */
	font-family: 'neuton-cursive';
	text-align: center;
	font-size: 1.5em;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	color: #8A8A50;
	line-height: 1.1em;
	max-width: 90%;
}

@media screen and (min-width: 678px) {
	#homepageSubscribe > form > p { 
		font-size: 2em;
	}
}

/* email capture form for tablet */

@media screen and (max-width: 957px) {
	#homepageSubscribe .v65-customForm div {
		width: 17%;
		max-width: 17%;
	}
}


/* email capture form for mobile */

@media screen and (max-width: 779px) {
	#homepageSubscribe .v65-customForm {
		display: block;
		width: 100%;
		max-width: 100%;
		margin-top: 0;
		margin-bottom: 0;
		text-align: center;
	}
	
	#homepageSubscribe .v65-customForm div, 
	#homepageSubscribe .v65-customForm div > button { 
		display: block;
		width: 100%;
		max-width: 100%;
		margin: .75em 0 .75em 0;
	}
	
	#homepageSubscribe .v65-customForm div > button {
		width: 100%;
	}
	
	#homepageSubscribe .v65-customForm input[type=text], 
	#homepageSubscribe .v65-customForm input[type=email] {
		font-size: 1.25em;
		line-height: 38px;
		height: 38px;
	}
	
	#homepageSubscribe .v65-customForm div > button {
		height: 45px;
		line-height: .8em;
		font-size: 1.25em;
	}
	
	#homepageSubscribe .v65-customForm div > label {
		line-height: 3.3em;
	}
	#homepageSubscribe .mailingListText h3 {
		margin-top: 0;
	}
	#homepageSubscribe .mailingListText h3::after, 
	#homepageSubscribe .mailingListText h3::before {
		margin-bottom: .5em;
		margin-top: 0;
	}
}

   
/* =======
image quadrant */

#home .row {
	margin-right: 0;
	margin-left: 0;
}

#home .v65-mainContent > .container-fluid {
	padding-right: 0;
	padding-left: 0;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
	display: block;
	max-width: 100%;
	height: auto;
	width: 100%;
	-ms-flex-negative: 0;
	    flex-shrink: 0; /* flex + min's force img to fill entire div in modern browsers */
	min-width: 100%;
}

.portfolio-box {
	position: relative;
	margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; /* set flex technique to fill div with img in modern browsers */
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; /* justify, align + overflow center img inside div in modern browsers */
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
}

.portfolio-box .portfolio-box-caption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    text-align: center;
    color: #fff;
    opacity: 1;
    background: transparent;
	    -webkit-transition: all .35s;
	    transition: all .35s;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    font-size: 1.5em;
	font-family: 'sailec-light';
	text-transform: uppercase;
	letter-spacing: .12em;
}

.portfolio-box:hover .portfolio-box-caption,
.portfolio-box:focus .portfolio-box-caption {
    opacity: 1;
    background: rgba(13, 13, 13, 0.85);
        -webkit-transition: all .35s;
        transition: all .35s;
}

.portfolio-box .portfolio-box-caption:before {
	content: " ";
	position: absolute;
	top: 20%;
	left: 20%;
	right: 20%;
	bottom: 20%;
	border: 1px solid #ffffff;
	pointer-events: none;
		-webkit-transition: all 1s;
		transition: all 1s;
}

.imageTriad .portfolio-box .portfolio-box-caption:before { /* reduced edge for image triad to fit text better */
	top: 3%;
	left: 3%;
	right: 3%;
	bottom: 3%;
}

@media (max-width:992px) {
	.portfolio-box .portfolio-box-caption:before {
		top: 10%;
		left: 10%;
		right: 10%;
		bottom: 10%;
	}
}

/* video play button in image qiad / triad */
.portfolio-box .portfolio-box-caption-content .glyphicon-play-circle.hvr-icon-grow {
	padding-right: 1em;
	padding-bottom: 1em;
}


@media (min-width:992px) {
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
        font-size: 18px;
    }
}


@media (min-width:768px) {
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
        font-size: 5em;
    }

    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
        font-size: 20px;
    }
}


@media (max-width:767px) {
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
        font-size: 1em;
    }
    
    .portfolio-box .portfolio-box-caption-content .glyphicon-play-circle.hvr-icon-grow {
    	font-size: 4em;
    	margin-bottom: .25em;
    }
}

.no-gutter > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.double-height {
	height: 600px;
}

section.no-padding {
	max-width: 100%;
	padding: 0;
}


/* video control on content pages */

.vidContent {
	position: relative;
	background: #000;
		-webkit-transition:all 500ms;
		transition:all 500ms;
}

.vidContent img.img-responsive.whole-width:hover {
	opacity: .3;
		-webkit-transition:all 500ms;
		transition:all 500ms;
}

span.vidTitle {
	color: #fff;
	font-size: 4em;
	text-align: center;
	width: 50%;
	height: 50%;
	overflow: visible !important;
	margin: auto;
	position: absolute;
	pointer-events: none;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

span.vidTitle:after {
	content: "\e029";
	font-family: 'glyphicons-halflings';
	color: #fff;
	font-size: 1.5em;
	text-align: center;
	display: block;
		-webkit-transition: all 500ms;
		transition: all 500ms;
}

.vidContent:hover span.vidTitle:after {
  	-webkit-transform: scale(1.3) translateZ(0);
  	transform: scale(1.3) translateZ(0);
  		-webkit-transition: all 500ms;
  		transition: all 500ms;
  }
  
  

/* =======
Content pages: custome form styling. */  
  
.v65-customForm {
	margin-right: auto;
	margin-left: auto;
}

@media screen and (max-width: 779px) {
	.v65-customForm .button,  .v65-customForm button {
		width: 100%;
	}
}

/* =======
Content pages: Visit, About, History, etc. */


#page .pageContent {
	max-width: none;
}

.v65-mainContent .opener {
	text-align: center;
	max-width: 700px;
	margin: auto;
}

.v65-mainContent .opener h1.contentTitle {
	margin-top: 1em;
}

.v65-mainContent .opener h1.contentTitle:after {
	content: url(/assets/images/line.png);
	height: auto;
	width: 100px;
	display: block;
	margin-bottom: .15em;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
}

.v65-mainContent .opener h3.centered {
	margin-bottom: 1.25em;
	line-height: 1.4em;
	-webkit-font-smoothing: antialiased;
}

.v65-mainContent .textContent {
	width: 90%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 1.5em;
	font-weight: 400;
	font-style: normal;
	font-size: 1.35em;
	line-height: 1.55em;
}

 @media screen and (max-width: 779px) {
 	.v65-mainContent .textContent {
 		font-size: 1.15em;
 	}
 }

.v65-mainContent .textContent.topPadding {
	padding-top: 1.5em;
}

.v65-mainContent button.buttonAltYellow {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.imageTriad {
	width: 100%;
}

.3partContent {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
}

.contentSubtitle h2 {
	text-align: center;
	margin-top: 1em;
}

.contentSubtitle h2:after {
	content: url(/assets/images/line.png);
	height: auto;
	width: 100px;
	display: block;
	margin-bottom: .15em;
	margin-top: .15em;
	margin-left: auto;
	margin-right: auto;
}

h4.h4Triad {
	text-align: center;
	text-transform: uppercase;
	font-family: "sailec-light";
	font-style: normal;
	font-weight: normal;
	letter-spacing: .05em;
	min-height: 2em;
	padding-top: 1.5em;
}

.contentTriad {
	margin-top: 1.25em;
	margin-bottom: 2em;
}

.contentTriad .row.no-gutter {
	margin-right: 0;
	margin-left: 0;
}

.contentTriad p {
	margin-bottom: .75em;
	font-weight: 400;
	font-style: normal;
	font-size: 1.35em;
	line-height: 1.35em;
	padding-left: 1em;
	padding-right: 1em;
	margin-bottom: 0;
	margin-top: 1.5em;
}

.contentTriad .row.no-gutter {
	margin-right: 0;
	margin-left: 0;
}

.contentTriad .row.no-gutter .col-sm-4 {
	padding-left: 0;
	padding-right: 0;
}

.contentTriad .row.no-gutter .col-sm-4 button.buttonAltYellow {
	margin-top: 1em;
}


/* ==========================================================================
   05. Event Calendar
   ========================================================================== */

/* =======
event list page */
.v65-calendarEvent {
	margin-bottom: 0;
	position: relative; /* must be position: relative for date placement */
}

.v65-CalendarDay {
	color: #999;
	border: 0;
}

.pgTitle {
	font-family: 'sailec-light';
	font-size: 1.75em;
	text-transform: uppercase;
	letter-spacing: .12em;
	text-align: center;
	padding-bottom: .5em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	border-bottom: 1px solid #585252;
}

.v65-calendarList-Month {
	display: none;
}

.v65-calendarList-Event {
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 3em;
	text-align: center;
	padding-bottom: 2em;
	font-size: .7em;
	font-family: 'sailec-regular';
	text-transform: uppercase;
	letter-spacing: .15em;
	line-height: 1.7;
}

.v65-calendarList-Event .v65-title {
	font-family: 'neuton-regular';
	letter-spacing: 0;
	font-size: 36px;
	text-align: center;
}

.v65-calendarList-Event .v65-title a {
	color: #585252;
}

.v65-calendarList-Event .v65-title:after {
	content: url(/assets/images/line.png);
	height: 42px;
	width: 100px;
	display: block;
	margin-bottom: .15em;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
}

/* .v65-calendarList-Event .v65-calendarList-Description {
	display: none;
} */

/* =======
event drilldown page */
#event-drilldown .v65-mainContent {
	width: 95%;
	max-width: 700px;
	margin: 0 auto 4em;
	padding: 0;
	position: relative;
}

#event-drilldown .v65-mainContent h1 {
	font-family: 'neuton-regular', serif;
	font-size: 36px;
	text-align: center;
	padding-bottom: .5em;
	margin-top: 1.5em;
	text-align: center;
}

#event-drilldown .v65-mainContent h1:after {
	content: url(/assets/images/line.png);
	height: auto;
	width: 100px;
	display: block;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
}

#event-drilldown .v65-mainContent p {
	font-size: 1.25em;
}

#v65-CalendarEventTable {
	font-family: 'sailec-regular';
	font-size: 0.8em;
	letter-spacing: .05em;
	line-height: 1.6em;
	margin: 1em auto 3em;
	text-align: center;
	text-transform: uppercase;
}

#v65-CalendarEventTable td:first-child {
	text-align: right;
}

#v65-CalendarEventTable td:last-child {
	text-align: left;
}

#v65-CalendarEventTable tr:nth-child(even) {
	background: transparent;
}


/* ==========================================================================
   06. Blog
   ========================================================================== */

/* side menu */

@media screen and (min-width: 48.75em) {
	.blogTools {
		background: #fff;
		position: absolute;
		right: 0;
		top: 0;
		max-width: 34%;
		margin: 0;
		padding: 105px 0 0 0;
		text-align: left;
		width: 34%;
		height: 100%;
		border-left: 1px solid #e0e0e0;
		z-index: 2;
	}
	
	.blogNav {
		padding-left: 2em;
	}
}

/* Hide bullets */
.blogNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.blogNav li,
.v65-blogArchives > div {
	padding: 0 0 0.7em;
}

.v65-blogArchives ul {
	display: none;
	margin: 0.5em;
}

/* posts */

@media screen and (min-width: 48.75em) {
	.blogContent {
		float: left;
		margin-top: 3em;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		max-width: 65%;
		z-index: 1;
		position: relative;
	}
	
	.blogContent .v65-mainContent {
		min-height: initial;
	}
	
	.blogContent h1 {
		text-align: center;
	}
	.blogContent h1:after {
		content: url(/assets/images/line.png);
		height: auto;
		width: 100px;
		display: block;
		margin-bottom: .15em;
		margin-top: 0;
		margin-left: auto;
		margin-right: auto;
	}
	
	.v65-blogPostWrapper {
		margin: 1.5em 0 3rem;
	}
	
	.v65-blogPost {
		margin-left: 0;
	}
	
	.v65-blogRecentPosts {
		margin: 0 0 1.5rem -2em;
		padding-left: 2em;
		border-bottom: 1px solid #e0e0e0;
	}
	
	.v65-blogCategories {
		margin: 0 0 1.5rem -2em;
		padding-left: 2em;
		border-bottom: 1px solid #e0e0e0;
	}
	
	.v65-blogAuthors {
		margin: 0 0 1.5rem -2em;
		padding-left: 2em;
		border-bottom: 1px solid #e0e0e0;
	}
}

.v65-blogPostDate {
	padding-left: 0;
	padding-top: .5em;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.1em;
}

.blogContent .v65-mainContent {
	min-height: auto !important;
	width: 90%;
	margin: auto;
	max-width: 700px;
}

.blogContent #v65-PagingTop {
	display: none;
}

.v65-avatar img { /* making images circular */
	border-radius: 50%;
}

.v65-blogPostWrapper > .v65-avatar { /* removing avatars from blog list page, comment out to bring back */
	display: none;
}

.blogContent .v65-blogPost > h1 {
    color: #585252;
    font-size: 1.75em;
    margin-top: 1em;
    margin-bottom: .5em;
    font-family: 'neuton-regular', serif;
    text-transform: none;
    letter-spacing: .02em;
    text-align: center;
}

.blogContent .v65-blogPost > h1:after {
    content: "";
}

.v65-blogPost > h2, .v65-blogPost > h2 a {
	color: #585252;
	font-size: 1em;
	margin-top: 2.5em;
	margin-bottom: 0;
	font-family: 'sailec-light', serif;
	text-transform: uppercase;
	letter-spacing: .02em;
}

.v65-blogPost > p {
	font-weight: 400;
	font-style: normal;
	font-size: 1.35em;
	line-height: 1.55em;
}	

.v65-blogPost > p > a {
	font-family: 'neuton-cursive';
}

.v65-blogPost > p > a:before {
	content: "\e075";
	font-family: 'glyphicons-halflings';
	font-size: .7em;
	margin-left: .75em;
	margin-right: .5em;
}

.v65-blogFooter,
.blogNav .v65-recentEntriesDate,
.blogNav .v65-blogRecentPosts > ul > li > .v65-blogRecentPostsComments,
.blogNav .v65-blogCategories span.v65-itemcount,
.blogNav .v65-blogAuthors span.v65-itemcount,
.blogNav .v65-blogArchives span.v65-itemcount {
	display: none;
}

article.blogContent div.v65-blogPost:after {
	font-family: 'glyphicons-halflings';
	content: "\2a";
	color: #e0e0e0;
	font-size: 1.2em;
	width: 100px;
	display: block;
	padding-left: 2em;
	margin-bottom: 0;
	margin-top: 1.5em;
	margin-left: auto;
	margin-right: auto;
}

article.blogContent div.v65-blogPost:after:last-of-type {
	content: "";
}

/* individual blog posts */

.blogContent .v65-blogPostDescription {
	font-weight: 400;
	font-style: normal;
	font-size: 1.35em;
	line-height: 1.55em;
}

.blogContent .v65-blogPost > h2 {
	color: #585252;
	font-size: 1.75em;
	margin-top: 1em;
	margin-bottom: .5em;
	font-family: 'neuton-regular', serif;
	text-transform: none;
	letter-spacing: .02em;
	text-align: center;
}

.blogContent .v65-blogPost .v65-socialMediaBar {
	margin-left: 0;
	float: right;
	margin-top: 0;
	margin-bottom: 0;
	/*filter: url(data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter i…0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);*/
	filter: gray;
	-webkit-filter: grayscale(100%);
		-webkit-transition:all 500ms;
		transition:all 500ms;
}

.blogContent .v65-blogPost .v65-socialMediaBar:hover,
.blogContent .v65-blogPost .v65-socialMediaBar:focus {
	filter: none;
	-webkit-filter: grayscale(0%);
		-webkit-transition:all 500ms;
		transition:all 500ms;
}

/* blog comments */

.v65-blogCommentsTitle {
	font-family: 'sailec-regular';
	font-size: .7em;
	text-transform: uppercase;
	letter-spacing: .15em;
	line-height: 35px;
	margin-bottom: 0;
}

.v65-addCommentTitle {
	margin-bottom: 0;
	font-family: 'sailec-regular';
	font-size: .7em;
	text-transform: uppercase;
	letter-spacing: .15em;
	line-height: 35px;
}

.v65-commentWrapper {
	margin-bottom: 1.25rem;
}

.v65-commentWrapper p {
	font-weight: 400;
	font-style: normal;
	font-size: 1.35em;
	line-height: 1.55em;
}

.v65-addComment {
	padding-top: 1em;
	border-top: 1px solid #e0e0e0;
}

.v65-addCommentEmail {
	color: #c4bdad;
	font-style: normal;
	font-family: 'neuton-cursive';
	letter-spacing: .01em;
}

.v65-addComment form {
	width: 100%;
	max-width: 100%;
}

@media screen and (min-width: 48.75em) {
	#v65-addComment > form > div:nth-child(8) {
		float: right;
		margin-top: -58px;
	}
}



/* ==========================================================================
   07. Buttons
   ========================================================================== */

button span {
	height: initial;
	line-height: initial;
}

button,
button.defaultBtn,
#mobileContact button,
#v65-modalContent button.defaultBtn,
#product-list #v65-modalContent button.defaultBtn {
	background: #CCA009;
	border: 1px solid #CCA009;
	border-radius: 0;
	color: #fff;
	text-transform: uppercase;
	font-family: "sailec-regular";
	font-size: .8em;
	display: inline;
}

.buttonAltYellow {
	padding: 5px 10px;	
}

a.largeLinkBtn, a.linkBtn, a.modalLinkBtn {
	background-color: #CCA009;
	text-transform: uppercase;
	font-family: "sailec-regular";
	font-size: .8em;
}

a.largeLinkBtn:hover, a.linkBtn:hover, a.modalLinkBtn:hover {
	background: rgba(204, 160, 8, 0.81);
}

/* Don't increase button height on mobile */
@media screen and (max-width: 580px) {
	button, input[type='text'], input[type='password'], input[type='username'], input[type='tel'], input[type='email'] {
		height: 2.5em;
		line-height: 2.5em;
	}
}

.modalLinkBtn, a.modalLinkBtn {
	border-radius: 0;
	background: #585252;
	border: 1px solid #585252;
	color: #ffffff;
	font-family:'sailec-regular';
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: .85em;
		-webkit-transition:all 400ms;
		transition:all 400ms;
}

.modalLinkBtn:hover,
.modalLinkBtn:focus,
a.modalLinkBtn:hover,
a.modalLinkBtn:focus {
	background: #8A8A50;
	color: #fff;
	border: 1px solid #8A8A50;
		-webkit-transition:all 400ms;
		transition:all 400ms;
}

.modalLinkAltBtn {
	font-style: normal;
	font-family: 'sailec-regular';
	font-weight: normal;
	text-transform: uppercase;
}

#product-list button.defaultBtn {
	width: 100%;
	background: #8A8A50;
	border: 1px solid #8A8A50;
	display: block;
}

button.defaultBtn:hover, #product-list button.defaultBtn:hover {
	background: rgba(204, 160, 8, 0.81);
	border: 1px solid rgba(204, 160, 8, 0.81);
	color: #fff;
}

button.ft-reservations {
	height: 100%;
	width: 100%;
	background: transparent;
	border: solid 1px #585252;
	padding: 2em;
	font-size: 1.6em;
	font-family:'sailec-regular';
	line-height: 1.25em;
	text-transform: uppercase;
	letter-spacing: .05em;
	color: #585252;
}

button.ft-reservations:hover, button.ft-reservations:focus {
	background: #CCA009;
	border: solid 1px #CCA009;
	color: #ffffff;
		-webkit-transition:all 500ms;
		transition:all 500ms;
}

button.ft-reservations a {
	font-style: normal;
	font-family: 'sailec-regular';
	font-weight: normal;
}

button.ft-reservations:hover a {
	color: #ffffff;
}

.v65-success {
	background: transparent;
	background: -webkit-gradient(linear,  left top, right top,  from(rgba(255,255,255,0)),color-stop(50%, rgba(196,189,173,1)),to(rgba(255,255,255,0)));
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(196,189,173,1) 50%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
	border-radius: 0;
	color: #fff;    
	text-align: center;
}


/* =======
special hover effects for buttons, etc. */

/* ripple out effect */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 1px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}

/* grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* icon grow */
.hvr-icon-grow {
  /*display: inline-block;*/
  /*vertical-align: middle;*/
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  /*padding-right: 2.2em;*/
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-grow:before {
  position: absolute;
  /*right: 1em;*/
 /* padding: 0 1px;*/
  /*font-family: FontAwesome;*/
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-grow:hover:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:active:before {
  -webkit-transform: scale(1.3) translateZ(0);
  transform: scale(1.3) translateZ(0);
}


/* ==========================================================================
   08. Product List
   ========================================================================== */

.shopRight {
	display: inline-block;
	width: 80%;
}

.shopRight #productList.container-fluid {
	padding-left: 0;
}

.v65-product3Up {
    float: left;
    margin: 1em 4% 1em 0;
    text-align: center;
    width: 30.66%;
}

#productList .v65-product3Up {
	margin: .75em;
	width: 18.22%;
	border: 1px solid #e0e0e0;
	padding: 1em .5em 0 .5em;
	display: inline-table;
	vertical-align: top;
	float: none;
	-webkit-transition:all 500ms;
	transition:all 500ms;
}

#productList .v65-product3Up:hover {
	border: 1px solid #585252;
	-webkit-transition:all 500ms;
	transition:all 500ms;
}

@media screen and (min-width: 1461px) and (max-width: 2020px) {
	#productList .v65-product3Up {
		width: 22.66%;
	}
}

@media screen and (min-width: 1021px) and (max-width: 1460px) {
	#productList .v65-product3Up {
		width: 30%;
		margin-right: .75em;
	}

	#productList .v65-product3Up:nth-of-type(2n+3) {
		clear: left;
	}
}

@media screen and (min-width: 1020px) {
		#productList .v65-product3Up:nth-of-type(3n+3) {
		margin-right: .75em;
	}

	#productList .v65-product3Up:nth-of-type(3n+4) {
		clear: left;
	}
}

@media screen and (min-width: 646px) and (max-width: 1019px) {
		#productList .v65-product3Up {
		width: 47%;
	}

	#productList .v65-product3Up:nth-of-type(2n+2) {
		margin-right: 0;
	}

	#productList .v65-product3Up:nth-of-type(2n+3) {
		clear: left;
	}
}

@media screen and (max-width: 645px) {
		.shopRight #productList.container-fluid {
			padding-left: 0;
			padding-right: 0;
		}
		#productList .v65-product3Up {
			float: none;
			margin: .5em 3%;
			max-width: 94%;
			width: 100%;
	}
}

#productList .v65-product3Up .v65-productSKU .v65-selectWrapper {
	margin: 0 auto;
}

#productList .v65-product3Up .v65-product-photo {
	margin-bottom: .5em;
	margin-top: 1em;
}

@media screen and (max-width: 900px) {
	#productList .v65-product3Up .v65-product-title {
		word-break: break-all;
	};
}

/* remove add case to cart option from product list */
#productList .v65-product3Up > .v65-productAddToCart > form:nth-child(2) {
	display: none;
}

/* place price above add to cart input */
#productList .v65-price, #productList .v65-productSKU {
	display: block;
	margin-bottom: .15em;
}

#productList hr {
	margin-top: .75em;
	margin-bottom: .35em;
	border: 0;
	border-top: 2px solid #585252;
	width: 6em;
}


/* product title styling */

#productList .v65-product-title, #productList .v65-product-title a  {
	font-family: 'neuton-regular';
	font-size: 1em;
	font-weight: normal;
	color: #585252;
	text-decoration: none;
		-webkit-transition: all 400ms;
		transition: all 400ms;
}

#productList .v65-product-title:hover, #productList .v65-product-title a:hover,
#productList .v65-product-title:focus, #productList .v65-product-title a:focus {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
		-webkit-transition: all 400ms;
		transition: all 400ms;
}

#productList .v65-product-subtitle {
	text-transform: uppercase;
	letter-spacing: .08em;
	font-size: .8em;
	margin-bottom: .25em;
	display: block;
}


/* product promo message */

#productList .v65-product-actionMessage {
	color: #585252;
	font-family: 'neuton-cursive';
	padding-bottom: 0;
}

#productList .v65-product-addToCart, #productList .v65-product-addToCart form {
	margin-bottom: 0.5em;
}

#productList div.wineDetails {
		border-radius: 0;
		text-decoration: none;
		text-transform: uppercase;
		font-size: .8em;
		display: inline;
		line-height: inherit;
		cursor: pointer;
		padding: 0.5em 1em;
		text-align: center;
	}
	
	#productList wineDetails.button, #productList div.wineDetails, 
#productList .v65-product3Up > div.wineDetails > .v65-product-title > a {
	margin-bottom: 1.25em;
	width: 95%;
	letter-spacing: .05em;
	background: transparent;
	border-color: #585252;
	font-family: "sailec-regular";
}

#productList .v65-product3Up > div.wineDetails > .v65-product-title:hover a,
#productList .v65-product3Up > div.wineDetails > .v65-product-title:focus a {
	color: #ffffff;
}

#productList div.wineDetails .v65-product-title {
	font-size: inherit;
	line-height: initial;
	margin: 0;
}

#productList .v65-product-addToCart-button, 
#productList > .v65-product-addToCart-button > button {
	width: calc(95% - 3.25em);
}

#productList .button, #productList div.wineDetails {
	background: transparent;
	border: 1px solid #585252;
	display: inline-block;
	color: #585252;
}

#productList .button:hover, #productList div.wineDetails:hover,
#productList .button:focus, #productList div.wineDetails:focus {
	background: #CCA009;
	border: solid 1px #CCA009;
		-webkit-transition: all 500ms;
		transition: all 500ms;
}

#productList .v65-product-addToCart-quantity {
	margin-right: .25em;
}

#productList .v65-product-addToCart-quantity input[type=text] {
	border-color: #585252;
	width: 100% !important;
}

/* product thumbnail hover animation */
#productList .v65-product3Up .v65-product-photo > a > img {
	max-height: 225px;
	width: auto;
		-webkit-transition:all 400ms;
		transition:all 400ms;
}


#productList .v65-product3Up .v65-product-photo > a > img:hover,
#productList .v65-product3Up .v65-product-photo > a > img:focus {
	-webkit-transform: scale(1.08);
	transform: scale(1.08);
		-webkit-transition:all 400ms;
		transition:all 400ms;
}

/* Pagination - hide top pagination */
.v65-paging:not(.v65-pagingBottom) {
	display:none;
}

aside {
	background: #eee;
	padding: 1em;
	text-align: center;
}

@media screen and (min-width: 48.75em) {
	aside {
		background: none;
		float: left;
		padding: 4.25em 0 0 0;
		text-align: left;
		width: 20%;
	}
}

/* remove side menu on mobile */

@media screen and (max-width: 823px) {
	.shopRight {
		width: 100%;
	}
	aside.sideNav {
		display: none;
	}
}


/* =======
product list side navigation */

#productList {
	width: 100%;
}

aside.sideNav {
	padding: 0;
}

.sideNav .accordion-menu {
  width: 100%;
  max-width: 600px;
  background: #fff;
  margin: 4.5em 0 2em 15px;
  padding: 0 30px 0 15px;
  list-style: none;
}

.sideNav .accordion-menu ul { /* by default hide all sub menus */
  display: none;
}

.sideNav .accordion-menu li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.sideNav li.acc-no-children {
	padding-bottom: 0;
}

.sideNav li.acc-no-children a {
	padding: 0;
}

.sideNav .accordion-menu li.acc-has-children ul {
	padding: 0;
	list-style: none;
}

.sideNav .accordion-menu li.acc-has-children {
	padding: 0;
}

.sideNav .accordion-menu li.acc-has-children li {
	padding: 0;
}

.sideNav > .accordion-menu > li.acc-has-children > ul > li {
	padding: 0;
}

.sideNav .accordion-menu input[type=checkbox] { /* hide native checkbox */
  position: absolute;
  opacity: 0;
}

.sideNav .accordion-menu label, .accordion-menu a {
  position: relative;
  display: block;
  padding: 18px 18px 18px 64px;
  background: #dcddde;
  -webkit-box-shadow: inset 0 -1px #ffffff;
          box-shadow: inset 0 -1px #ffffff;
  color: #585252;
  font-size: 1.6rem;
  margin: 0;
  	-webkit-transition:all 400ms;
  	transition:all 400ms;
}

.no-touch .accordion-menu label:hover, .no-touch .accordion-menu a:hover {
  background: #c4bdad;
  color: #ffffff;
  	-webkit-transition:all 400ms;
  	transition:all 400ms;
}

.sideNav .accordion-menu label::before, .accordion-menu a::after {  /* icons */
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 45%;
  left: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.sideNav .accordion-menu label {
  cursor: pointer;
}

.sideNav .accordion-menu label::before {
  content: "\f0d7";
  font-family: 'fontawesome';
}

.sideNav .accordion-menu label::before { /* arrow icon */
  left: 15px;
  background-position: 0 0;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}

.sideNav .accordion-menu input[type=checkbox]:checked + label::before { /* rotate arrow */
	top: 48%;
	left: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.sideNav .accordion-menu input[type=checkbox]:checked + label::after { /* show open folder icon if item is checked */
  background-position: -32px 0;
}

.sideNav .accordion-menu input[type=checkbox]:checked + label + ul,
.sideNav .accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
  /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
  display: block;
}

.sideNav .accordion-menu ul label,
.sideNav .accordion-menu ul a {
  background: #d1d1d1;
  -webkit-box-shadow: inset 0 -1px #ffffff;
          box-shadow: inset 0 -1px #ffffff;
  line-height: 1em;
}

.sideNav .no-touch .accordion-menu ul label:hover, 
.sideNav .no-touch .accordion-menu ul a:hover {
  background: #52565d;
}

.accordion-menu > li:last-of-type > label,
.accordion-menu > li:last-of-type > a,
.accordion-menu > li > ul > li:last-of-type label,
.accordion-menu > li > ul > li:last-of-type a {
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media only screen and (min-width: 600px) {
  .sideNav .accordion-menu label, .accordion-menu a {
    padding: 1.5em 1.5em 1.5em 2.5em;
    font-size: 1.45rem;
    letter-spacing: .1em;
    text-transform: uppercase;
  }
 }

.sideNav .accordion-menu.animated label::before { /* this class to animate the accordion */
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

/* =======
product list side promo box */

.side-promoBox {
	width: 100%;
	max-width: 600px;
	background: #fff;
	margin: 0 0 4em 15px;
	padding: 0 30px 0 15px;
	list-style: none;
	-webkit-transition:all 400ms;
	transition:all 400ms;
}

.promoBox {
	border: 1px solid #e0e0e0;
	padding: 10px;
	text-align: center;
	-webkit-transition:all 400ms;
	transition:all 400ms;
}

.promoBox:hover {
	border: 1px solid #CCA009;
	background: #CCA009;
	text-align: center;
		-webkit-transition:all 400ms;
		transition:all 400ms;
}

.promoBox:hover a {
	color: #fff;
	-webkit-transition:all 400ms;
	transition:all 400ms;
}


.promoBox a {
	display: block;
	color: #585252;
	-webkit-transition:all 400ms;
	transition:all 400ms;
}

/*
.promoBox:hover, .promoBox:focus {
	border: 1px solid #CCA009;
	-webkit-transition:all 400ms;
	-moz-transition:all 400ms;
	-o-transition:all 400ms;
	transition:all 400ms;
}

.side-promoBox:hover, .side-promoBox:focus {
	background: #CCA009;
	-webkit-transition:all 400ms;
	-moz-transition:all 400ms;
	-o-transition:all 400ms;
	transition:all 400ms;
}

.promoBox a:hover, .promoBox a:focus {
	color: #fff;
	-webkit-transition:all 400ms;
	-moz-transition:all 400ms;
	-o-transition:all 400ms;
	transition:all 400ms;
}*/

.promoBox a.smallText {
	font-family: "sailec-regular";
	text-transform: uppercase;
	font-size: .75em;
	letter-spacing: .05em;
}

.promoBox a.bigText {
	font-family: "sailec-light";
	text-transform: uppercase;
	font-size: 1.5em;
	letter-spacing: .03em;
	margin-top: 6px;
}

#productList .v65-product-addToCart-outOfStockMessage {
	margin-bottom: 1.35em;
	margin-top: 4.2em;
	letter-spacing: .05em;
	background: transparent;
	color: #585252;
	font-family: "sailec-bold";
	text-transform: uppercase;
	font-size: .75em;
}


/* =======
breadcrumbs */

.v65-breadCrumbs {
	font-family: 'neuton-regular';
    font-weight: normal;
    font-size: .85em;
    color: #c4bdad;
    text-decoration: none;
    letter-spacing: .12em;
    text-transform: uppercase;
    margin-left: .85em;
    margin-top: 1.25em;
}

.v65-breadCrumbs ul {
    margin: 0 0 1.5rem;
    padding: 0;
}

.v65-breadCrumbs ul {
	border-bottom: 2px solid #c4bdad;
    padding-bottom: .35em;
    padding-top: .35em;
    margin-bottom: 0;
    display: inline-block;
}

.v65-breadCrumbs li {
	display: inline;
	margin-right: 0.5em;
}

.v65-breadCrumbs li:after {
	content: "\f054";
    font-family: 'fontawesome';
    -webkit-font-smoothing: antialiased;
    font-size: .8em;
    margin-left: 1em;
}

.v65-breadCrumbs li:last-child {
	margin-right: 0;
}

.v65-breadCrumbs li:last-child,
.v65-breadCrumbs li:last-child:after {
	margin-right: 0;
	margin-left: 0;
	content: "";
}

.v65-breadCrumbs li a {
	color: #c4bdad;
		-webkit-transition:all 400ms;
		transition:all 400ms;
}

.v65-breadCrumbs li a:hover,
.v65-breadCrumbs li a:focus {
	color: #8A8A50;
		-webkit-transition:all 400ms;
		transition:all 400ms;
}


/* ==========================================================================
   09. Product Drilldown
   ========================================================================== */
   
.v65-productWrapper {
	padding: 0;
}
   
/* Styles from Base3 for product-leftCol */
@media (min-width: 48.75em) {
	.v65-productWrapper .v65-product-leftCol { 
		float: left;
		margin-right: 0;
		width: 36%;
	}
}

.v65-productWrapper .v65-product-leftCol .v65-product-photo {
	float: none;
	margin-bottom: 1rem;
	text-align: center;
	width: 100%;
	position: relative;
}

/* Styles from Base3 for product-rightCol */
@media (min-width: 48.75em) {
	.v65-productWrapper .v65-product-rightCol { 
		float: left;
		width: 64%;
	}
}

.v65-productWrapper .v65-product-rightCol .v65-product-subtitle {
	color: inherit;
	font-weight: normal;
	line-height: 1em;
	margin: 0;
	font-size: .8em;
	text-transform: uppercase;
	letter-spacing: .08em;
}

.v65-productWrapper label {
	overflow: hidden;
	text-overflow: ellipsis;
}


#productDrilldown.ad-drilldown .v65-product-title {
	font-size: 1.85em;
	line-height: 1;
	margin: 1.25em 0 .25em 0;
}

#productDrilldown img.no-mouse.reviews {
	width: 18em;
}

#productDrilldown img.no-mouse.drawers {
	width: 55%;
}

#productDrilldown .v65-product-actionMessage {
	color: #585252;
	font-size: 1.1em;
	margin-top: .75em;
	margin-bottom: 1.25em;
	padding-bottom: 1.25em;
	border-bottom: 1px solid #bbb;
	max-width: 50%;
}

#productDrilldown.v65-productWrapper .v65-product-leftCol .v65-product-photo {
	width: auto !important;
}

#productDrilldown.v65-productWrapper .v65-product-leftCol .v65-product-photo img {
	height: 90vh !important;
	max-width: 400px;
	width: auto !important;
	padding-top: 2em;
	position: relative;
	bottom: -20px;
}

#productDrilldown .v65-product-teaser, .v65-product-description {
	font-size: 1.1em;
	margin-top: .75em;
	margin-bottom: 1.25em;
	max-width: 85%;
}

#productDrilldown .v65-product-teaser, .v65-product-teaser b, .v65-product-teaser strong {
	font-family: 'neuton-cursive';
	font-style: normal;
	color: #c49e21; /* slightly darker yellow to make up for smaller text size */
	letter-spacing: .01em;
}

.v65-product-addToCart .v65-addToCartCase div.v65-product-addToCart-button > button {
	background: #8A8A50;
	border: 1px solid #8A8A50;
}

.v65-product-addToCart .v65-addToCartCase div.v65-product-addToCart-button > button:hover {
	background: #CCA009;
	border: 1px solid #CCA009;
}

.v65-product-addToCart-quantity {
	display: inline-block;
	width: 3em;
}

.v65-product-addToCart-quantity input[type=text] {
	text-transform: uppercase;
	font-family: "sailec-regular";
	font-size: .8em;
	border-radius: 0;
	max-width: 100%;
	text-align: center;
	width: 100% !important;
}

#productDrilldown .v65-product-addToCart {
	margin-bottom: 2em;
}

#productDrilldown .v65-addToCartCase .v65-product-addToCart-quantity,
#productDrilldown .v65-product-addToCart-unitDescription {
	display: none;
}

#productDrilldown .v65-product-addToCart-priceWrapper, #productDrilldown .v65-product-addToCart-price {
	display: inline-block;
	font-weight: normal;
	min-width: 75px;
}

#productDrilldown .v65-product-addToCart-priceWrapper {
	float: none;
	margin-bottom: 0;
	margin-right: .5em;
	vertical-align: middle;
	width: auto;
}


.v65-product-addToCart-button {
	display: inline-block;
}

.v65-product-addToCart-button span {
	height: 1em;
	line-height: 1em;
	padding: 0;
}

.v65-product-addToCart > form > .v65-product-addToCart-button > button {
	background: #8A8A50;
}

.v65-product-addToCart-priceWrapper {
    margin-right: 0;
}

/* Hide Buy Case on product list */
#productList .v65-addToCartCase {
	display: none;
}

#productDrilldown .v65-product-addToCart form {
	border: none;
	margin: 0 0 1em;
}

@media screen and (max-width: 580px) {
	#productDrilldown .v65-product-addToCart form {
		margin: 0;
		padding: 10px 0;
	}
}

#productDrilldown .v65-product-addToCart-button > button.defaultBtn {
	display: block;
	width: 10em;
}

#productDrilldown .v65-addToCartCase div.v65-product-addToCart-button > button {
	width: 14em;
}

sup {
	top: 0;
	font-size: inherit;
}

.v65-product-addToCart-caseQuantity {
	display: none;
}

#productDrilldown .v65-wineProfessionalReviews .v65-wine label {
	line-height: 1.3em;
	display: inline;
	font-weight: normal;
}


/* product subtitle styling */

.v65-productWrapper .v65-product-rightCol .v65-product-subtitle {
	color: inherit;
	font-weight: normal;
	line-height: 1em;
	margin: 0;
	font-size: .8em;
	text-transform: uppercase;
	letter-spacing: .08em;
}

@media screen and (max-width: 779px) {
	.v65-productWrapper .v65-product-rightCol .v65-product-subtitle {
		text-align: center;
	}
}


/* =======
product reviews */


article.pageContent.reviewSection {
	border-top: 1px solid #E0E0E0;
	width: 100%;
	max-width: 100%;
	min-height: 6em;
	position: relative;
	background: #fff;
	padding-top: 1em;
	margin-top: -3em;
}

.reviewWrapper {
	max-width: 450px;
	margin: 0 auto;
	width: 95%;
}

.v65-product-review-avatar {
	display: none;
}

.v65-product-review-comment-wrapper {
	float: none;
	margin-left: 0;
	padding-bottom: 1em;
}

article.pageContent.reviewSection > .reviews {
	width: 80%;
	max-width: 56em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2em;
}

#productDrilldown .accordion .accordion-content > .v65-wineProfessionalReviews > .v65-wine > span {
	font-family: "sailec-regular";
}


/* =======
product drilldown accordion */

#productDrilldown .accordion {
	width: 85%;
	margin-bottom: 2em;
}

#productDrilldown .accordion .drawer {
	width: 100%;
	border-top: 1px solid #E0E0E0;
	border-radius: 0;
}

#productDrilldown .accordion-header-icon {
	color: transparent;
		-webkit-transition:all 400ms;
		transition:all 400ms;
}

#productDrilldown .accordion-header-icon.accordion-header-icon-active {
	color: transparent;
}

#productDrilldown .accordion-header-icon:before {
	font-family: 'fontawesome';
	-webkit-font-smoothing: antialiased;
	content: "\f0d7";
	color: #585252;
		-webkit-transition:all 400ms;
		transition:all 400ms;
}

#productDrilldown .accordion-item .accordion-header {
	height: 3em;
	min-height: 3em;
	background: #ffffff;
	border-right: none;
	border-left: none;
}

#productDrilldown .accordion-item .accordion-header h1 {
	font-size: .85em;
	color: #585252;
	font-family: 'sailec-regular';
	text-transform: uppercase;
	letter-spacing: .05em;
	line-height: 2em;
	text-align: left;
	width: auto;
}

#productDrilldown .accordion-item .accordion-content {
	border-right: none;
	border-left: none;
	color: #585252;
	font-family: 'neuton-regular', serif;
}

/* Hide extra label inside accordian content */
#productDrilldown .accordion-item .accordion-content .v65-product-attributeLabel {
	display: none;
}

#productDrilldown .accordion-item .accordion-content .v65-product-attributeValue {
	margin-bottom: 0;
}

#productDrilldown .accordion-content .v65-product-description {
	width: 100%;
	max-width: 100%;
}

@media (min-width: 48.75em) {
	#productDrilldown.v65-productWrapper .v65-product-rightCol {
		margin-bottom: 3.5em;
	}
}

@media screen and (max-width: 823px) {
	#productDrilldown .v65-productWrapper .v65-product-leftCol,
	#productDrilldown .v65-productWrapper .v65-product-rightCol {
		padding-left: 2em;
	}
}

@media screen and (max-width: 779px) {
	#productDrilldown.v65-productWrapper .v65-product-leftCol .v65-product-photo img {
		height: 35vh !important;
	}
	#productDrilldown .v65-product-rightCol {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 2.9em;
	}
	#productDrilldown.ad-drilldown .v65-product-title, 
	#productDrilldown.ad-drilldown .reviews, 
	#productDrilldown .v65-product-actionMessage,
	#productDrilldown .v65-product-addToCart {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	#productDrilldown .v65-product-teaser, .v65-product-description {
		margin-left: auto;
		margin-right: auto;
	}
	.accordion {
		margin-left: auto;
		margin-right: auto;
	}
	.pageContent > .reviews {
		margin-top: .5em;
	}
	#productDrilldown .v65-product-actionMessage {
		max-width: 90%;
		margin-top: 0;
	}
}


/* =======
alt product drilldown */

#productDrilldown.v65-productWrapper.alt-drilldown .v65-product-leftCol .v65-product-photo img {
	height: auto !important;
	max-width: 400px;
	width: auto !important;
}



/* ==========================================================================
   10. Footer
   ========================================================================== */

/* =======
instagram stream placement */

#photoStream {
	z-index: 3;
	background: #fff;
	position: relative;
	display: inline;
}

.instaIntro {
	display: inline-block;
}

#blog #photoStream {
	display: inherit;
}


/* =======
top section of footer / info */

footer#footer {
	height: 100%;
	background: #ffffff;
	border-top: 5px solid #8A8A50;
	/*border-bottom: 3px solid #8A8A50;*/
	padding: 3em 0 0;
	clear: both;
	position: relative;
	z-index: 3;
}

.topFooter {
	padding-bottom: 1.55em;
}

.logo-small {
	max-width: 180px;
	height: auto;
}

.logo img {
	max-height: 30px;
}

p.ft-address {
	font-family: 'neuton-regular';
	font-size: 1.65em;
	line-height: 1.25em;
	margin-top: .65em;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: #585252;
}

p.ft-intro {
	font-family: 'neuton-regular';
	font-size: 1.95em;
	line-height: 1.45em;
	letter-spacing: .01em;
	margin-top: 0;
	width: 90%;
}

@media screen and (min-width: 769px) {
	#footer .col-sm-6 {
		padding-left: 0;
	}
}

@media screen and (max-width: 768px) {
	.topFooter {
		padding-bottom: 2.5em;
	}
	p.ft-intro {
		width: 100%;
	}
}


/* =======
instagram feed */

.instaIntro {
    margin: 0 auto 2em auto;
    padding-top: 2em;
    width: 100%;
    border-top: 1px solid #e0e0e0;
}

.instaIntro span {
    display: block;
    text-align: center;
}

.instaIntro span.instaText {
    font-size: 1.05em;
    line-height: 1.45em;
    letter-spacing: .01em;
    margin-top: .25em;
    padding: 0 .75em;
}

#instaShowGallery_1 {
	border-top: 1px solid #e0e0e0;
}

#instaShowGallery_1 .instashow-gallery-media-info-description {
	font-size: 16px;
	font-style: normal;
	font-family: 'neuton-cursive';
}

.instashow-popup-media-info-description, p.instashow-popup-media-info-comments-item {
	font-family: 'neuton-regular';
    font-size: 1.25em !important;
    line-height: 1.45em !important;
    letter-spacing: .01em !important;
}

#instaShowPopup_1 .instashow-popup-media-info-author, .instashow a {
	color: #8A8A50 !important;
}

#instaShowPopup_1 a.instashow-popup-media-info-original {
	border-color: #8A8A50 !important;
}

#instaShowPopup_1 a.instashow-popup-media-info-original:hover {
	color: #fff !important;
	background-color: #8A8A50 !important;
}


/* =======
bottom section of footer / trade and legal menu */
footer {
	font-size: 0.875rem;
}

#footerMenu .bottomNav {
	padding: .5em 0;
	background: #8A8A50;
	-webkit-box-shadow: inset 0px 0px 25px 0px rgba(117,117,69,1);
	box-shadow: inset 0px 0px 25px 0px rgba(117,117,69,1);
}

#footerMenu .v65-footerNav ul {
	font-size: 1.5em;
	letter-spacing: .1em;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
}

#footerMenu .v65-footerNav li {
	border: 0;
	display: inline-block;
	list-style: none;
	margin: 0 1em;
	padding: 0;
	text-align: center;
	width: auto;
}

@media screen and (max-width: 36em) {
	#footerMenu .v65-footerNav li {
		border-bottom: 1px solid #bebebe;
		display: block;
		margin: 0;
		padding: .75em 0;	
	}	
}

#footerMenu .v65-footerNav li a {
	color: #fff;
	display: inline-block;
	padding: 0.5em;
}

#footerMenu .v65-footerNav li a:hover, #footerMenu .v65-footerNav li a:focus {
	color: #5b5b35;
}

@media screen and (max-width: 36em) {
	#footerMenu .bottomNav {
		padding: 0;
	}
	#footerMenu .v65-footerNav li {
		display: block;
		margin: 0;
		padding: .75em 0;
		border-bottom: 1px solid #bebebe;
	}
}



/* ==========================================================================
   11. Cart
   ========================================================================== */

/* =======
cart */

.v65-mainContent .v65-carrot {
	background: transparent;
		background: -webkit-gradient(linear,  left top, right top,  from(rgba(255,255,255,0)),color-stop(50%, rgba(196,189,173,1)),to(rgba(255,255,255,0)));
		background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(196,189,173,1) 50%,rgba(255,255,255,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
	border-radius: 0;
	color: #CCA009;
	margin-top: -1.1em;
	margin-bottom: 1em;
}

.v65-mainContent .v65-carrot p {
	font-family: 'neuton-cursive';
	font-size: 1.1em;
	line-height: 1.4em;
	color: #585252;
	letter-spacing: .01em;
}

.v65-checkoutSteps {
	padding-bottom: 1.5em;
}

.page-wrapper > article.pageContent > .v65-mainContent > h1 {
	font-size: 1.75em;
	font-style: normal;
	font-family: 'sailec-light';
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
}

.v65-checkoutSteps, .v65-checkoutSteps span, .v65-checkoutSteps span a, .v65-checkoutSteps a {
	font-style: normal;
	font-family: 'sailec-regular';
	font-weight: normal;
	text-transform: uppercase;
}

.v65-checkoutSteps .v65-active {
	color: #585252;
	font-family: 'sailec-bold';
	font-weight: normal;
	font-style: normal;
}

@media screen and (min-width: 36em) {
	.v65-checkoutSteps {
		font-size: .9em;
		margin-top: 0;
		padding-right: 0;
	}
	.v65-checkoutSteps span {
		margin-left: 1.5em;
	}
	.v65-checkoutSteps span:nth-child(1):after,
	.v65-checkoutSteps span:nth-child(2):after,
	.v65-checkoutSteps > a:nth-child(1):after {
		content: "\f054";
		font-family: 'fontawesome';
		-webkit-font-smoothing: antialiased;
		font-size: .8em;
		margin-left: 1.5em;
		vertical-align: middle;
	}
	.v65-checkoutSteps span:nth-child(1):before,
	.v65-checkoutSteps > a:nth-child(1):before {
		content: "\f291";
		font-family: 'fontawesome';
		font-size: 14px;
		margin-right: .5em;
		vertical-align: text-top;
	}
	.v65-checkoutSteps span:nth-child(2):before {
		content:"\f0d6";
		font-family: 'fontawesome';
		font-size: 14px;
		margin-right: .5em;
		vertical-align: text-top;
	}
	.v65-checkoutSteps span:nth-child(3):before {
		content:"\f0f7";
		font-family: 'fontawesome';
		font-size: 14px;
		margin-right: .5em;
		vertical-align: text-top;
	}
}

.v65-cartHeader {
	display: none;
}

.v65-checkoutCart .v65-meta a {
	font-size: 1.35em;
	color: #585252;
		-webkit-transition:all 400ms;
		transition:all 400ms;
}

.v65-checkoutCart .v65-meta a:hover,
.v65-checkoutCart .v65-meta a:focus {
	color: #8A8A50;
		-webkit-transition:all 400ms;
		transition:all 400ms;
}

.v65-checkoutCart .v65-sku, .v65-checkoutCart .v65-sku em  {
	font-style: normal;
	font-family: 'sailec-regular';
	font-weight: normal;
	text-transform: uppercase;
}

.buttonAlt, .buttonAlt {
	font-style: normal;
	font-family: 'sailec-regular';
	font-weight: normal;
	text-transform: uppercase;
	border-radius: 0;
	background: #8A8A50;
	border-color: #8A8A50;
	color: #ffffff;
	padding: 0.45em 1em;
		-webkit-transition:all 400ms;
		transition:all 400ms;
}

.buttonAlt:focus, buttonAlt:hover,
.buttonAlt:hover, buttonAlt:focus {
	background: #CCA009;
	color: #ffffff;
		-webkit-transition:all 400ms;
		transition:all 400ms;
}

a.largeLinkBtn span, a.linkBtn span, a.modalLinkBtn span, a.linkAltBtn span, a.modalLinkAltBtn span {
	border-radius:0;
}

.v65-checkoutCart .v65-meta a.buttonAltSmall {
	font-size: .75em;
	letter-spacing: .05em;
	border-radius: 0;
	background: transparent;
		-webkit-transition:all 400ms;
		transition:all 400ms;
		
}

.v65-checkoutCart .v65-meta a.buttonAltSmall:focus,
.v65-checkoutCart .v65-meta a.buttonAltSmall:hover {
	background: #8A8A50;
	color: #FFFFFF;
		-webkit-transition:all 400ms;
		transition:all 400ms;
}

.v65-checkoutCart .v65-action input {
	font-style: normal;
	font-family: 'sailec-regular';
	font-weight: normal;
	width: 3em;
	height: 1.85em;
	border-radius: 0;
	font-size: 1.1em;
	padding: 0;
	vertical-align: top;
}

.v65-checkoutCart > .v65-cartTools > .v65-cartDiscount > form .v65-cartDiscount input {
	width: 9em;
	height: 3.3em;
	border-radius: 0;
}

.v65-cartFooter .buttonLarge {
	letter-spacing: .01em;
	font-style: normal;
	font-family: 'sailec-light';
	font-weight: normal;
	text-transform: uppercase;
	padding-top: .85em;
	border-radius: 0;
	font-size: 1.45em;
	color: #fff;
	background: #CCA009;
	border: 1px solid #CCA009;
		-webkit-transition:all 400ms;
		transition:all 400ms;
}

.v65-cartFooter .buttonLarge:focus,
.v65-cartFooter .buttonLarge:hover {
	background: transparent;
	border: 1px solid #CCA009;
	color: #CCA009;
		-webkit-transition:all 400ms;
		transition:all 400ms;
}

@media screen and (max-width: 48.75em) {
	.v65-cartFooter {
		text-align: center;
	}
	.v65-cartDiscount {
		border-bottom: none;
	}
}

.v65-cartSummary .v65-label, .v65-couponSummary .v65-label {
	margin-right: 1.5em;
	font-style: normal;
	font-family: 'sailec-regular';
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
}

.v65-cartDiscount input {
	font-style: normal;
	font-family: 'sailec-regular';
	font-weight: normal;
	width: 5em;
	height: 1.85em;
	border-radius: 0;
	font-size: 1.1em;
	padding: 0;
	vertical-align: top;
	text-align: center;
}

.v65-checkoutCart > .v65-cartTools > .v65-cartSummary > .v65-shipping > span > form > select {
	background: #fff;
	border: 1px solid #c4bdad;
	border-radius: 0;
	line-height: 30px;
	height: 30px;
	padding: 3px 27px 3px 13px;
	margin-left: .5em;
	-webkit-box-shadow: none;
	        box-shadow: none;
	vertical-align: sub;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	z-index: 2;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	apperance: none;
	text-indent: 0.01px;
	text-overflow: "";
	background-image: url(/assets/images/select-arrow.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 40px 40px;
	font-style: normal;
	font-family: 'sailec-regular';
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #c4bdad;
}



/* ==========================================================================
   12. Checkout
   ========================================================================== */

/* apply coupon area */

.v65-checkoutTools .v65-applyCoupon {
	border-bottom: 2px solid #8A8A50;
}

.v65-checkoutTools .cartSummary > div:nth-child(3) {
	margin-top: 2em;
}

/* styling Cart Summary on the right */

.v65-cartSummary .v65-value, .v65-couponSummary .v65-value {
	width: auto;
}

.v65-checkoutTools > div > div:nth-child(3) > div.v65-cartItem > div.v65-info > div.v65-pricing > div.v65-skuPrice > span.v65-quantity:after {
	content:"\f1fa";
	font-family: 'fontawesome';
	margin: 0 5px;
}

.v65-checkoutSummary .v65-price {
	font-size: 1.2em;
}

.v65-checkoutSummary .v65-cartItem {
	margin-bottom: 1.5rem;
}

.v65-checkoutTools .v65-cartSummary {
	width: 100%;
	padding-top: 5px;
	border-top: 1px solid #ccc;
}

.v65-cartSummary .v65-total {
	font-size: inherit;
	border-top: 1px solid #ccc;
}

.v65-checkoutSummary > div:nth-child(3) > .v65-cartSummary > .v65-subtotal {
	padding-bottom: 0;
}

.v65-checkoutSummary > div:nth-child(3) > .v65-cartSummary > .v65-shipping {
	padding-top: 0;
}

.v65-checkoutTools .v65-cartSummary > div.v65-total > span.v65-label {
	text-align: left;
	margin-right: 0;
}

.v65-cartSummary .v65-total .v65-value {
	font-size: 1.5em;
	margin-top: -.25em;
}

.v65-checkoutSummary .v65-sku, .v65-checkoutSummary .v65-sku em {
	font-size: 0.75rem;
	margin-bottom: 0.5em;
	font-family: 'sailec-regular';
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
}

/* shipping address form styling */

.v65-checkout > .v65-shippingInformation > div > div > .v65-customDatePicker > label {
	display: inherit;
}

/* shipping options styling */

.v65-checkout .v65-shippingInformation .v65-shipAddressDisplay, .v65-checkout .v65-shippingInformation .v65-pickUpAddressDisplay, .v65-checkout .v65-shippingInformation .v65-billAddressDisplay, .v65-checkout .v65-shippingInformation .v65-creditCardDisplay, .v65-checkout .v65-billingInformation .v65-shipAddressDisplay, .v65-checkout .v65-billingInformation .v65-pickUpAddressDisplay, .v65-checkout .v65-billingInformation .v65-billAddressDisplay, .v65-checkout .v65-billingInformation .v65-creditCardDisplay {
	border-radius: 0;
}

.v65-checkout .v65-shippingOptions .v65-editShippingOptions {
	margin-top: -2em;
	color: #8A8A50;
	font-size: 1em;
	font-weight: normal;
	float: right;
}

.v65-checkout .v65-shippingInformation .v65-viewShippingAddress .v65-editShipContact {
	color: #8A8A50;
	font-size: 1em;
	font-weight: normal;
	float: right;
}

/* label inline styling*/

.v65-checkout label {
	display: inherit;
}

/* final checkout button */

.viewProcessOrder .buttonLarge, buttonLarge {
	letter-spacing: .01em;
	font-style: normal;
	font-family: 'sailec-light';
	font-weight: normal;
	text-transform: uppercase;
	padding-top: .85em;
	border-radius: 0;
	font-size: 1.45em;
	color: #fff;
	background: #CCA009;
	border: 1px solid #CCA009;
		-webkit-transition: all 400ms;
		transition: all 400ms;
}

.viewProcessOrder .buttonLarge:hover, buttonLarge:hover {
	background: #CCA009;
	border: 1px solid #CCA009;
	border-radius: 0;
}


/* ==========================================================================
   13. Modal Window + Modal Window Forms
   ========================================================================== */

#modal {
	display: none;
}

#v65-modalContentWrapper {
	border: 1px solid #bebebe;
}

#v65-modalContentHeader {
	background: transparent;
	height: initial;
}

#v65-modalContentWrapper .v65-form {
	max-width: 100%;
	width: 100%;
}

#v65-modalContentWrapper .v65-form fieldset {
	border: 0;	
}

#v65-modalContentWrapper .v65-form legend {
	border-bottom: 0;
	font-size: 1.75em;
	font-style: normal;
	font-family: 'sailec-light';
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
}

#v65-modalContent p {
	font-family: 'neuton-cursive';
	font-size: 1em;
	color: #585252;
}

#v65-modalContent a:hover,
#v65-modalContent a:focus {
	font-family: 'neuton-cursive';
	font-size: 1em;
	text-decoration: none;
	color: #CCA009;
}

.vbox-inline {
	width: 90%;
	max-width: 700px;
	height: 60%;
	min-height: 300px;
	width: 95%;
	height: 100%;
	text-align: center;
	margin: auto auto;
	/*background-color: #efefef !important;*/
	background: #efefef !important;
	background: radial-gradient(ellipse at center, #efefef 0%, #dcddde 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dcddde', GradientType=1);
	-webkit-transition:all 400ms;
	transition:all 400ms;
}

.vbox-title {
	display: none !important;
}

.modalContent .v65-customForm {
	width: 97%;
	max-width: 600px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 3rem;
	margin-top: 3rem;
}

.modalContent .v65-required:after {
	color: #8A8A50;
}

.modalContent h2 {
	opacity: .5;
	padding-top: .5em;
}

.modalContent label {
	color: #585252;
}

.modalContent input[type=text], 
.modalContent input[type=email], 
.modalContent input[type=tel], 
.modalContent input[type=password], 
.modalContent input[type=number], 
.modalContent input[type=username] {
	text-align: center;
}


/* ==========================================================================
   14. Club Styling
   ========================================================================== */
   
/* club list signup styling */
   
.v65-club {
	border: 1px solid #ccc;
	margin-bottom: 2em;
	padding: 1em;
	max-width: 700px;
	margin-right: auto;
	margin-left: auto;
}

.v65-club .v65-clubTitle {
	text-align: center;
	font-size: 2.5em;
	margin-top: .25em;
}

.v65-club .v65-clubJoin {
	border-top: 1px dotted #eee;
	padding-top: 1.5em;
	text-align: center;
}

.v65-club .v65-clubTeaser {
	border: 0;
	margin: 0;
	padding: 0 0 0 1em;
}

.v65-club .v65-clubTeaser p {
	font-size: 1.25em;
}

.v65-club .v65-clubTeaser p em {
	text-align: center;
}
.v65-clubChoice {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-height: 3em;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.v65-form .v65-clubChoices-select {
	-webkit-box-flex: 0;
	    -ms-flex: 0;
	        flex: 0;
	margin-right: 5px;
	width: 100px !important;
	margin-right: 16px;
	height: 3em;
}

/* ==========================================================================
   15. Trade & Legal
   ========================================================================== */


/* =======
trade */

table {
	border-color: transparent;
	letter-spacing: .02em;
}

td {
	padding: .25em;
}

tr:nth-child(even) {
    background-color: #f2f2f2;
}


/* ==========================================================================
   16. History Timeline
   ========================================================================== */

.horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  max-width: 100%;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.horizontal-timeline::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: 'mobile';
  display: none;
}
.horizontal-timeline.loaded {
  /* show the timeline after events position has been set (using JavaScript) */
  opacity: 1;
}
.horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
}
.horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
}
.horizontal-timeline ol, .horizontal-timeline ul {
  list-style-type: none;
}
.horizontal-timeline .events-wrapper::after, .horizontal-timeline .events-wrapper::before {
  /* these are used to create a shadow effect at the sides of the timeline */
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
}
.horizontal-timeline .events-wrapper::before {
  left: 0;
  background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(248, 248, 248, 0)));
  background-image: linear-gradient(to right, #fff, rgba(248, 248, 248, 0));
}
.horizontal-timeline .events-wrapper::after {
  right: 0;
  background-image: -webkit-gradient(linear, right top, left top, from(#fff), to(rgba(248, 248, 248, 0)));
  background-image: linear-gradient(to left, #fff, rgba(248, 248, 248, 0));
}
.horizontal-timeline .events {
  /* this is the grey line/timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #dfdfdf;
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}
.horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #8A8A50;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 1.5rem;
  font-family: 'sailec-regular';
  padding-bottom: 15px;
  color: #585252;
  /* fix bug on Safari - text flickering while timeline translates */
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: '';
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  background-color: #f8f8f8;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .horizontal-timeline .events a:hover::after {
  background-color: #8A8A50;
  border-color: #8A8A50;
}
.horizontal-timeline .events a.selected {
  pointer-events: none;
}
.horizontal-timeline .events a.selected::after {
  background-color: #8A8A50;
  border-color: #8A8A50;
}
.horizontal-timeline .events a.older-event::after {
  border-color: #8A8A50;
}
@media only screen and (min-width: 1100px) {
  .horizontal-timeline {
    margin: 6em auto;
  }
  .horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop';
  }
}

.timeline-navigation a {
  /* these are the left/right arrows to navigate the timeline */
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 34px;
  width: 34px;
  border-radius: 0;
  border: 1px solid #e0e0e0;
  /* replace text with an icon */
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.timeline-navigation a::after {
  /* arrow icon */
  content: '';
  position: absolute;
  height: 16px;
  width: 16px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: url(../images/arrow.svg) no-repeat 0 0;
}
.timeline-navigation a.prev {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.timeline-navigation a.next {
  right: 0;
}
.no-touch .timeline-navigation a:hover {
  border-color: #8A8A50;
}
.timeline-navigation a.inactive {
  cursor: not-allowed;
}
.timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
.no-touch .timeline-navigation a.inactive:hover {
  border-color: #dfdfdf;
}

.horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 2em 0;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  transition: height 0.4s;
}
.horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  padding: 0 5%;
  opacity: 0;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
.horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.horizontal-timeline .events-content li.enter-right, .horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: enter-right;
  animation-name: enter-right;
}
.horizontal-timeline .events-content li.enter-left, .horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: enter-left;
  animation-name: enter-left;
}
.horizontal-timeline .events-content li.leave-right, .horizontal-timeline .events-content li.leave-left {
  -webkit-animation-direction: reverse;
  animation-direction: reverse;
}
.horizontal-timeline .events-content li > * {
  max-width: 800px;
  margin: 0 auto;
}
.horizontal-timeline .events-content h2 {
  font-weight: normal;
  font-size: 3rem;
  font-family:'neuton-regular';
  font-weight: normal;
  line-height: 1.2;
}
.horizontal-timeline .events-content em {
  display: block;
  font-family:'sailec-light';
  letter-spacing: .01em;
  font-style: normal;
  margin: 10px auto;
}
.horizontal-timeline .events-content em::before {
  content:"\f18c";
  font-family: FontAwesome; 
}
.horizontal-timeline .events-content p {
  font-size: 2rem;
  color: #585252;
}
.horizontal-timeline .events-content p img {
	width: 100%;
    /*height: auto;*/
    margin-top: .5em;
}
.horizontal-timeline .events-content em, .horizontal-timeline .events-content p {
  line-height: 1.6;
}
@media only screen and (min-width: 768px) {
  .horizontal-timeline .events-content h2 {
    font-size: 5rem;
  }
  .horizontal-timeline .events-content em {
    font-size: 2rem;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding-top: .5em;
    padding-bottom: .25em;
  }
  .horizontal-timeline .events-content p {
    font-size: 2rem;
  }
}

/* =======
Timeline Movement/Animation */

@-webkit-keyframes enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@keyframes enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@keyframes enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}


/* ==========================================================================
   17. Shipment Calendar
   ========================================================================== */
   
.v65-calendarBlock .v65-calendarRow .v65-calendarEvent {
	font-size: 1em;
	line-height: 1.5em;
	padding-bottom: 1em;
}

.v65-calendarBlock .v65-calendarRow .v65-calendarDate {
	font-size: 1.5rem;
}

@media screen and (min-width: 32.5em) {
   	.v65-calendar v65-calendarBlock {
   		max-width: 100% !important;
   	}
	.v65-calendarBlock .v65-calendarGrid {
		table-layout: fixed;
		width: 100%;
	}
	.v65-calendarBlock .v65-calendarRow .v65-calendarDay {
		display: table-cell;
		width: 14.2857142%;
	}
	.v65-calendarBlock .v65-calendarRow .v65-calendarEvent {
		font-size: 0.8em;
		line-height: 1em;
		padding-bottom: 0.25em;
	}
	.v65-calendarBlock .v65-calendarRow .v65-calendarDate {
		font-size: 1.25rem;
	}
}

/*
	This was added to create a space between the recaptcha and the submit button. 
*/
 
.v65-formRecaptcha {
	display: block !important;
}