/* ==========================================================================
   Base
   ========================================================================== */

button {
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	border: 0;
	color: #fff;
	background: #C4BDAD;
	text-transform: uppercase;
	border-radius: 2px;
	transition: all 0.3s;
}

.kt_button:hover , .kt_button:focus {
	background: #3dbb9b;
	color: #fff;
	text-decoration: none;
}

.kt_button:active {
	background: #2e9e82;
}

.kt_button.inverse {
	background: #fff;
	color: #C4BDAD;
}

.kt_button.inverse:hover , .kt_button.inverse:focus {
	background: #C4BDAD;
	color: #fff;
	text-decoration: none;
}

.kt_button.inverse:active {
	background: #da1717;
}

.kt_button.ghost {
	background: rgba(255,255,255,0.2);
	border: 1px solid #C4BDAD;
	color: #C4BDAD;
}

.kt_button.ghost:hover , .kt_button.ghost:focus {
	background: #C4BDAD;
	color: #fff;
	text-decoration: none;
}

.kt_button.ghost:active {
	background: #da1717;
}


/* ==========================================================================
   Header
   ========================================================================== */

.main-header {
	background: #fff;
}

@media only screen and ( min-width: 992px ) {
	.main-header {
		max-height: 100px;
	}
}

.main-header .logo {
	line-height: 60px;
	border-bottom: none !important;
}

header.main-header .logo {
	margin: 2em auto .6em;
	width: 16em;
		-webkit-transition: all .2s;
		-moz-transition: all .2s;
		transition: all .2s;
}

header.main-header .logo:focus, header.main-header .logo:hover {
	opacity: .75;
		-webkit-transition: all .2s;
		-moz-transition: all .2s;
		transition: all .2s;
}

.user-links {
	line-height: 65px;
	margin-top: 35px;
}

.user-links-toggler {
	float: right;
	color: #585252;
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'neuton-regular';
	font-style: normal;
	font-weight: normal;
	letter-spacing: .05em;
	display: none;
}

.user-links-toggler i.fa.fa-bars {
	padding: 5px 8px 4px;
	margin-right: .4em;
	border: 1px solid #585252;
}

.user-links .social-links {
	float: right;
	z-index: 501;
	position: relative;
	margin-top: -.75em;
}

.user-links .social-links a {
	display: inline-block;
	width: 35px;
	height: 35px;
	margin-left: -5px;
	line-height: 35px;
	text-align: center;
	color: #585252;
	font-size: 15px;
	transition: all 0.5s;
}

.user-links .social-links a:hover {
	color: #c4bdad;
}

.user-links .account-links {
	float: right;
	font-family: 'neuton-regular';
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	margin-right: 30px;
}

.user-links .account-links a {
	display: inline-block;
	margin-right: 20px;
	color: #444;
}

.user-links .account-links a .fa {
	display: inline-block;
	margin-right: 5px;
	font-size: 13px;
	color: #C4BDAD;
}

.user-links .secondary-menu {
	margin-right: 1.5em;
	font-family: 'neuton-regular';
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: .05em;
	font-size: .85em;
	position: relative;
	z-index: 500;
}

.user-links .secondary-menu a {
	font-family: 'neuton-regular';
	font-weight: normal;
	display: inline-block;
	margin: 0;
	color: #585252;
	text-decoration: none;
	letter-spacing: .12em;
}

.user-links.mobile {
	display: none;
}

.user-links.mobile  .social-links,
.user-links.mobile  .account-links,
.user-links.mobile  .secondary-menu {
	float: none;
	margin: 0 auto;
	line-height: 1;
}


/* ==========================================================================
   Regular Navigation
   ========================================================================== */

.kt_navigation {
	background: #C4BDAD;
	-webkit-box-shadow: inset 0px 0px 25px 0px rgba(125,120,107,0.1);
	-moz-box-shadow: inset 0px 0px 25px 0px rgba(125,120,107,0.1);
	box-shadow: inset 0px 0px 25px 0px rgba(125,120,107,0.1);
	position: relative; /* position and z-index allow cart to appear on top on mobile */
	z-index: 1;
	/*margin-top: 5px;*/
	min-height: 68px;
}

.menu-trigger {
	display: block;
	color: #585252;
	background: #C4BDAD;
	line-height: 55px;
	font-family: 'neuton-regular';
	text-align: center;
	text-transform: uppercase;
	transition: all 0.3s;
	border-left: 2px #ffffff solid;
	border-right: 2px solid #ffffff;
}

.menu-trigger span {
	display: inline-block;
	margin: 0 5px;
	letter-spacing: .05em;
}

.menu-trigger:hover , .menu-trigger:focus {
	color: #fff;
	background: #585252;
	text-decoration: none;
}

.menu-wrapper {
	display: none;
	position: absolute;
	background: #FFFFFF;
	padding: 20px;
	width: 100%;
	z-index: 999;
}

.menu-wrapper .close-menu {
	display: block;
	margin: 0 auto;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background: #fff;
	font-size: 30px;
	text-align: center;
	cursor: pointer;
	border: 2px solid #e8e8e8;
}

.menu-wrapper .close-menu .fa {
	position: relative;
	bottom: 4px;
}

.menu-box {
	margin: 0 auto;
}

.menu-box .title {
	padding: 10px 0 3px 0;
	border-bottom: #bebebe solid 1px;
	font-family: 'neuton-regular';
	font-size: 16px;
	font-weight: normal;
	color: #272727;
	text-transform: uppercase;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.menu-box .title img {
	max-height: 22px;
	margin-right: 5px;
	position: relative;
	bottom: 2px;
}

.menu-box .linklist {
	background: #fff;
	margin: 0;
	padding: 20px 0;
	list-style: none;
	height: auto;
}

.menu-box .linklist li {
	list-style: circle inside;
	font-family: 'neuton-regular';
}

.menu-box .linklist a {
	display: block;
	font-size: 12px;
	padding: 5px 0;
	border-bottom: 1px dotted #ece6e6;
	color: #6a6a6a;
}

.menu-box .linklist a:hover {
	color: #ed3635;
}

.menu-box .linklist li:last-child a {
	border-bottom: 0;
	color: #C4BDAD;
}

.menu-box .menu_verticle_banner {
	padding: 10px 0 0 0;
}

.menu-box .menu_horizontal_banner {
	padding: 10px 0 0 0;
}

/* ==========================================================================
   Search Bar
   ========================================================================== */

#search-cart {
	display: inline;
	width: 100%;
}

.v65-search {
	max-width: 100%;
	margin-bottom: inherit;
}

.v65-search input {
	margin-bottom: 0;
	max-width: 100%;
	width: 100%;
}

.searchbar {
	line-height: 55px;
	font-size: 0;
	display: inline-block;
	width: 50%;
	vertical-align: super;
	text-align: left;
}

.searchbar #v65-searchWidgetInput input {
	line-height: 55px;
	border: 0;
	font-size: 16px;
	vertical-align: middle;
	width: 80%;
	height: 35px;
	padding: 0 10px;
	font-style: normal;
	border-radius: 0;
	font-family: 'neuton-cursive';
}

.searchbar button {
	font-size: 0;
	line-height: 1.1;
	border: 0;
	background: #ffffff;
	border-radius: 0;
}

.searchbar button:before {
	content:"\f002";
	font-family: 'fontawesome' !important;
	font-size: 18px;
	width: 10%;
	height: 35px;
	padding: 0;
	border-radius: 0;
	background: #fff;
	color: #C4BDAD;
		-webkit-transition: all .35s;
		-moz-transition: all .35s;
		transition: all .35s;
}

.searchbar button:hover:before, .searchbar button:focus:before {
	color: #585252;
		-webkit-transition: all .35s;
		-moz-transition: all .35s;
		transition: all .35s;
}


/* ==========================================================================
   Cart Link
   ========================================================================== */


.cart-link {
	text-align: center;
	line-height: 55px;
	position: relative;
	display: inline-block;
	z-index: 99;
}

@media screen and (min-width: 30em) {
	#search-cart #v65-modalCart #v65-toggleModalCart {
		padding-left: 3px;
	}
}

.cart-link > #v65-modalCart > #v65-toggleModalCart {
	display: inline-block;
	line-height: 1.5;
	font-family: 'sailec-bold';
	font-weight: normal;
	/* color: #FFFFFF; */
	color: #585252; /* delete and uncomment above when Vin65 cart amount bug is fixed */
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
	letter-spacing: .01em;
	vertical-align: super;
}

.cart-link > #v65-modalCart:hover > #v65-toggleModalCart { /* delete and uncomment above when Vin65 cart amount bug is fixed */
	color: #8A8A50;
}

#search-cart > .cart-link > #v65-modalCart > #v65-toggleModalCart > strong {
	font-family: 'neuton-regular';
	color: #FFFFFF; /* delete when Vin65 cart amount bug is fixed */
	font-weight: normal;
	font-size: 18px;
	vertical-align: middle;
		-webkit-transition: all .35s;
		-moz-transition: all .35s;
		transition: all .35s;
}

#search-cart > .cart-link > #v65-modalCart > #v65-toggleModalCart > strong:focus,
#search-cart > .cart-link > #v65-modalCart > #v65-toggleModalCart > strong:hover {
	color: #585252;
		-webkit-transition: all .35s;
		-moz-transition: all .35s;
		transition: all .35s;
}

#search-cart > .cart-link > #v65-modalCart > #v65-toggleModalCart > strong:before {
	content:"\00a0\00a0";
}

/* remove "cart" */
.v65-wordCart {
	display: none;
}

/* override default styles */
#v65-modalCart {
	position: relative;
}

/* add shopping bag icon */
#v65-modalCart:before {
	content:"\e116";
	color: #585252;
	font-family: 'glyphicons-halflings';
	font-size: 2.2em;
	margin-right: -26px;
	margin-top: 0;
	margin-bottom: 0;
	padding-right: 0.25em;
	position: relative;
	vertical-align: top;
	line-height: 1.5em;
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	transition: all .35s;
}

#v65-modalCart:hover:before,
#v65-modalCart:focus:before {
	color: #8A8A50;
	-webkit-transition: all .35s;
	-moz-transition: all .35s;
	transition: all .35s;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
	background-color: #F7F7F7;
}

@media screen and (max-width: 1039px) {
	#v65-modalCart:before {
		font-size: 2.5em;
		line-height: 1.65em;
	}
}

@media screen and (min-width: 30em) {
	#v65-modalCart {
		display: inline-block;
		padding: 0;
	}
}

/* add down arrow after */
#search-cart > .cart-link > #v65-modalCart > #v65-toggleModalCart > strong:after {
	display: inline-block;
	font-family: 'fontawesome';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	content: "\f0d7";
	font-size: 1.25em;
	margin-left: 0.5em;
	padding-bottom: 0.2em;
	opacity: 0.4;
	vertical-align: middle;
	color: #ffffff;
}

#search-cart > .cart-link > #v65-modalCart > #v65-toggleModalCart > strong:hover:after {
	color: #585252;
		-webkit-transition: all .35s;
		-moz-transition: all .35s;
		transition: all .35s;
}

/* ======================= Modal Cart Dropdown ======================  */
#v65-modalCartDropdown { /* lining top of dropdown up with bottom of header */
	top: 3.5em;
	padding: 15px 0 0 0;
	-webkit-box-shadow: -1px 10px 60px -12px rgba(0,0,0,0.72);
	-moz-box-shadow: -1px 10px 60px -12px rgba(0,0,0,0.72);
	box-shadow: -1px 10px 60px -12px rgba(0,0,0,0.72);
}

@media screen and (max-width: 1139px){
	#v65-modalCartDropdown {
		top: 4em;
	}
}

#v65-modalCartDropdown #v65-modalCartBody {
	padding: 0;
	color: #585252;
}

#v65-modalCartDropdown #v65-modalCartTable {
	margin-bottom: 0;
	padding: 0 0.5em;
}

.cart-link > #v65-modalCart #v65-modalCartBody > p.right:nth-child(1) {
	display: none; /*hide close button */
}

/* ---- Header Row -------------------------  */
#v65-modalCartDropdown #v65-modalCartTable tbody tr th {
	display: none;
}

#v65-modalCartDropdown #v65-modalCartTable tbody tr > td:nth-child(1) {
	visibility: hidden;
}

#v65-modalCartDropdown  #v65-modalCartTable tr {
	background-color: #fff;
}

#v65-modalCartDropdown #v65-modalCartTable td {
	border-top: 0;
}

/* ---- Buttons -------------------------  */
#v65-modalCartDropdown a.modalLinkAltBtn {
	border-radius: 0;
	border-top: 1px solid #8A8A50;
	border-bottom: 1px solid #8A8A50;
	border-right: none;
	border-left: none;
	background: transparent;
	color: #8A8A50;
	font-family: 'sailec-light';
	line-height: 2em;
	margin-top: .5em;
	padding: 0;
	text-align: center;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
}

#v65-modalCartDropdown a.modalLinkBtn {
	background: #c4bdad;
	border: 1px solid #c4bdad;
	font-family: 'sailec-regular';
	height: initial;
	line-height: initial;
	margin: 1.65em 0 0.8em;
	padding: 0.5em 0 0.3em;
	text-align: center;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
}

#v65-modalCartDropdown a.modalLinkAltBtn:focus,
#v65-modalCartDropdown a.modalLinkAltBtn:hover {
	background: #CCA009;
	border: solid 1px #CCA009;
}

#v65-modalCartDropdown a.modalLinkBtn span {
	padding: 0 0.5em;
}

#v65-modalCartDropdown a.modalLinkAltBtn span {
	color: #8A8A50;
	padding: 0 0.5em;
}

#v65-modalCartDropdown a.modalLinkAltBtn span:focus,
#v65-modalCartDropdown a.modalLinkAltBtn span:hover {
	color: #ffffff;
}

@media screen and (min-width: 992px) {
	#v65-modalCartDropdown a.modalLinkAltBtn,
	#v65-modalCartDropdown a.modalLinkBtn {
		width: 100%;
	}

	#v65-modalCartDropdown a.modalLinkAltBtn {
		font-size: 2rem;
	}

	#v65-modalCartDropdown a.modalLinkBtn {
		font-size: 1.25rem;
	}

}

@media screen and (max-width: 991px) {
	#v65-modalCartDropdown a.modalLinkAltBtn,
	#v65-modalCartDropdown a.modalLinkAltBtn:hover,
	#v65-modalCartDropdown a.modalLinkAltBtn:focus,
	#v65-modalCartDropdown a.modalLinkBtn,
	#v65-modalCartDropdown a.modalLinkBtn:hover,
	#v65-modalCartDropdown a.modalLinkBtn:focus {
		background: transparent;
	}

	#v65-modalCartDropdown a.modalLinkAltBtn,
	#v65-modalCartDropdown a.modalLinkBtn {
		height: initial;
		line-height: initial;
	}

	#v65-modalCartDropdown .modalLinkAltBtn,
	#v65-modalCartDropdown .modalLinkBtn {
		display: inline-block;
		font-size: 0.7em;
		width: initial;
	}

	#v65-modalCartDropdown a.modalLinkAltBtn span,
	#v65-modalCartDropdown a.modalLinkAltBtn span:hover,
	#v65-modalCartDropdown a.modalLinkBtn span,
	#v65-modalCartDropdown a.modalLinkBtn span:hover {
		color: #585252;
		font-size: 85%;
		letter-spacing: .15em;
	}

	#v65-modalCartDropdown a.modalLinkAltBtn,
	#v65-modalCartDropdown a.modalLinkAltBtn:hover,
	#v65-modalCartDropdown a.modalLinkAltBtn:focus {
		border: 1px solid #b3b3b3;
	}

	#v65-modalCartDropdown a.modalLinkAltBtn {
		padding: 0.7em 0 0.4em;
	}

	#v65-modalCartDropdown a.modalLinkBtn,
	#v65-modalCartDropdown a.modalLinkBtn:hover,
	#v65-modalCartDropdown a.modalLinkBtn:focus {
		border: 1px solid #585252;
	}

	#v65-modalCartDropdown a.modalLinkBtn {
		padding: 0.5em 0 0.45em;
	}
}

/* ---- Cart Item -------------------------  */
#v65-modalCartTable tr:not(#v65-modalCartTableSubtotal) > td {
	display: table-cell;
	font-family: 'sailec-regular';
	font-size: 0.75em;
	vertical-align: sub;
}

#v65-modalCartTable td.left a {
	color: #585252;
	font-family: 'sailec-light';
	font-size: 1.1em;
	-webkit-transition:all 400ms;
	-moz-transition:all 400ms;
	-o-transition:all 400ms;
	transition:all 400ms;
}

#v65-modalCartTable td.left a:hover,
#v65-modalCartTable td.left a:focus {
	color: #8A8A50;
	text-decoration: none;
}

/* ---- Product Image -------------------------  */
#v65-modalCartTable tbody tr> td:nth-child(2) {
	min-width: 35px;
	padding-top: 0;
	padding-right: 1em;
}

/* ---- Subtotal -------------------------  */
#v65-modalCartTableSubtotal {
	margin-bottom: 0;
	margin-right: 10px;
	text-align: right;
	font-family: 'neuton-regular';
	font-weight: normal;
	line-height: 1.45em;
	letter-spacing: .01em;
}

#v65-modalCartTableSubtotal td {
	background-color: #fff;
	font-weight: normal;
	font-size: 1em;
	padding-top: 1.5em !important;
}

#v65-modalCartTableSubtotal td:nth-child(3) {
	font-family: 'sailec-regular';
	font-weight: normal;
}

/* ---- Alerts -------------------------  */
/* Review and add carrot styles */
#v65-modalCart > #v65-modalCartDropdown > #v65-modalCartBody > #v65-itemAddedText > p.alertYellow {
	background: transparent;
	color: #585252;
	letter-spacing: .01em;
	margin: 0 auto 10px;
	padding: 0;
	text-align: center;
}

.cart-link p.v65-additionalItemsMessage {
	text-align: center;
	margin: 1em 0 0.5em;
}

/* ======================= Modal Cart  + Account - Mobile ======================  */

@media screen and (min-width: 992px) { /*remove mobile style cart and login from large screens*/
	#mobileAccount {
		display: none;
	}

	#v65-modalCartTable tr:not(#v65-modalCartTableSubtotal) > td {
		font-family: 'sailec-regular';
	}

	#v65-modalCartDropdown #v65-modalCartTable {
		display: block;
	}

	#v65-modalCartTableSubtotal td {
		width: 20%;
	}
}

@media screen and (max-width: 991px) {
	/* Header */
	header.main-header .logo { /* removes needless space between logo and mobile account/cart menu */
		margin: 2.3em .5em 0;
	}
	#search-cart .cart-link, #mobileAccount #v65-modalCart:before { /*remove regular cart link and cart icon*/
		display: none;
	}

	#search-cart .searchbar { /* aligning search bar to the right on tablets */
		text-align: right;
		width: 70%;
	}

	.wine-ptflo-menu-wrapper .wine-ptflo-menu { /* pulling current tasting list away from right edge */
		margin-left: 0 !important;
		padding: 0 !important;
	}

	/* Account / Login + Logout */
	#mobileAccount {
		background: #fff;
	}

	#mobileAccount .mb-account-inner {
		border-top: 1px solid #bebebe;
	}

	#mobileAccount .mb-account-inner, #mobileAccount .mb-account-inner > a {
		color: #585252;
		font-size: 85%;
		font-family: 'sailec-regular';
		letter-spacing: .15em;
		margin-top: -2px;
		text-transform: uppercase;
		text-align: center;
	}

	#mobileAccount > .mb-account-inner > .mb-login a,
	#mobileAccount > .mb-account-inner > .mb-cart a {
		color: #585252;
		font-size: 0.7em;
		letter-spacing: .12em;
		text-align: center;
	}

	#mobileAccount span.mb-login {
		float: left;
		width: 66.66%;
	}

	#mobileAccount span.mb-cart {
		float: left;
		height: 3em;
		line-height: 3em;
		width: 33.33%;
	}

	#mobileAccount .v65-contactActions .v65-editProfile,
	#mobileAccount .v65-contactActions .v65-logout,
	#mobileAccount .v65-contactActions .v65-yourAccount,
	#mobileAccount .v65-contactActions .v65-login {
		border: 0;
		height: 3em;
		line-height: 3em;
		margin: 0;
		padding: 0;
		text-align: center;
		width: 50%;
	}

	#mobileAccount .v65-contactActions .v65-login {
		border-left: 1px solid #bebebe;
		border-right: 1px solid #bebebe;
	}

	.v65-login, .v65-logout,
	.v65-yourAccount, .v65-editProfile {
		float: left;
		line-height: initial;
	}

	/*.v65-contactActions .v65-yourAccount, .v65-contactActions .v65-login {
		border-right: 1px solid #ccc;
		display: inline-block;
		width: 50%;
	}

	#mobileAccount .v65-yourAccount, #mobileAccount .v65-logout {
		width: 48%;
	}*/

	/*#mobileAccount .v65-login {
		width: 48%;
		border-left: 1px solid #bebebe;
		border-right: 1px solid #bebebe;
	}
	#mobileAccount .v65-welcome {
		width: 48%;
		border-right: 1px solid #bebebe;
	}
	#mobileAccount .v65-logout {
		border-right: 1px solid #bebebe;
	}*/

	/* Modal Cart */
	#mobileAccount #v65-modalCartDropdown {
		border-top: none;
		min-width: 318px;
		margin-top: 1px;
		margin-right: -4px;
		padding: 0.5em 1em 0;
		width: 70vw;
	}

	.mb-cart #v65-modalCartDropdown #v65-modalCartTable td,
	.mb-cart #v65-modalCartDropdown #v65-modalCartTable {
		font-size: 0.7em;
		letter-spacing: .2em;
		font-family: 'sailec-regular';
	}

	.mb-cart #v65-modalCartDropdown #v65-modalCartTable a,
	.mb-cart #v65-modalCartDropdown #v65-modalCartTable td a {
		color: #585252;
	}

	.mb-cart #v65-modalCartTable tr:not(#v65-modalCartTableSubtotal) > td {
		border-top: 1px solid #ccc;
		line-height: 1.5em;
		padding-top: 8px;
		vertical-align: top;
	}

	#v65-modalCartTable td.left a {
		font-family: 'sailec-regular';
	}

	.mb-cart #v65-modalCartTable tr:not(#v65-modalCartTableSubtotal) > td:last-child {
		font-size: 1.25em;
	}

	.mb-cart #v65-modalCart > #v65-modalCartDropdown > #v65-modalCartBody > #v65-itemAddedText > p.alertYellow {
		font-size: 0.7em;
		letter-spacing: .15em;
		text-align: right;
	}

	.mb-cart #v65-modalCartTableSubtotal td:nth-child(3) {
		font-weight: bold;
		letter-spacing: .2em;
	}

	.mb-cart #v65-modalCart > #v65-modalCartDropdown .v65-additionalItemsMessage {
		padding: 3em 0 1em;
	}

	.mb-cart #v65-modalCart > #v65-modalCartDropdown .v65-additionalItemsMessage a {
		font-size: 0.7em;
		display: block;
		letter-spacing: .2em;
		text-align: right;
	}
}

@media screen and (max-width: 580px){
	#v65-modalCart,
	#v65-modalCart #v65-toggleModalCart {
		width: initial;
		text-align: center;
	}
}

@media only screen and ( max-width: 480px ) { /* fitting all account + cart links onto smaller mobile screens */
	#mobileAccount .v65-cart {
		float: none;
		text-align: center;
	}
	#mobileAccount #v65-modalCart {
		padding: 0;
	}
}

/* ==========================================================================
   Mega Menu
   ========================================================================== */

.cbp-hrmenu {
	width: 100%;
	position: absolute;
	z-index: 1000;
}

@media screen and (max-width: 1325px) {
	.cbp-hrmenu {
		margin-left: -4em;
	}
}

/* general ul style */
.cbp-hrmenu ul,
.cbp-hrmenu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* first level ul style */
.cbp-hrmenu > ul,
.cbp-hrmenu .cbp-hrsub-inner {
	width: 90%;
	max-width: 70em;
	margin: 0 auto;
	padding: 0 1.875em;
	display: inline;
}

.cbp-hrmenu > ul > li {
	display: inline-block;
}

.cbp-hrmenu > ul > li > a {
	font-weight: 700;
	padding: 0 2em;
	color: #999;
	display: inline-block;
}

.cbp-hrmenu > ul > li > a:hover {
	background: #c4bdad;
	color: #ffffff;
		-webkit-transition:all 400ms;
		-moz-transition:all 400ms;
		-o-transition:all 400ms;
		transition:all 400ms;
}

.cbp-hrmenu > ul > li.cbp-hropen a,
.cbp-hrmenu > ul > li.cbp-hropen > a:hover {
	color: #fff;
	background: #585252;
	letter-spacing: .12em;
}

#cbp-hrmenu > ul > li.cbp-hropen > div > div > div > ul > li {
	margin-bottom: .5em;
}

#cbp-hrmenu > ul > li.cbp-hropen > div > div > div > ul > li > a { /* only submenu */
	color: #fff;
	background: transparent;
	letter-spacing: .05em;
	font-size: 1.1em;
	line-height: 1.25em;
	text-transform: none;
	cursor: pointer;
}

#cbp-hrmenu > ul > li.cbp-hropen > div > div > div > ul > li > a::after {
	font-family: 'FontAwesome';
	content: "\f18c";
	font-size: 1em;
	line-height: 1em;
	margin-left: .45em;
	opacity: 0;
}

#cbp-hrmenu > ul > li.cbp-hropen > div > div > div > ul > li > a:hover::after {
	font-family: 'FontAwesome';
	content: "\f18c";
	font-size: 1em;
	line-height: 1em;
	margin-left: .45em;
	opacity: 1;
		-webkit-transition:all 1s;
		-moz-transition:all 1s;
		-o-transition:all 1s;
		transition:all 1s;
}

/* sub-menu */
.cbp-hrmenu .cbp-hrsub {
	display: none;
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	background: #585252;
	background: -moz-radial-gradient(center, ellipse cover,  #6b6564 0%, #585252 80%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #6b6564 0%,#585252 80%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #6b6564 0%,#585252 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.cbp-hrmenu .cbp-hrsub .border-left {
	padding-left: 1em;
	padding-right: 1em;
	margin-top: 1.5em;
	margin-left: 2em;
	padding-bottom: 0;
	border-left: 2px solid #ffffff;
}

.cbp-hropen .cbp-hrsub {
	display: block;
	padding-bottom: 2em;
	line-height: 1em;
	text-align: left;
		-webkit-transition:all 400ms;
		-moz-transition:all 400ms;
		-o-transition:all 400ms;
		transition:all 400ms;
}

.cbp-hrmenu .cbp-hrsub-inner > div {
	width: 60%;
	float: left;
	padding: 0 2em 0;
}

.cbp-hrmenu .cbp-hropen:nth-child(1) .cbp-hrsub > .cbp-hrsub-inner > .border-left { /* width for sections for wine nav only*/
	width: 28%;
}

.cbp-hrmenu .cbp-hrsub-inner:before,
.cbp-hrmenu .cbp-hrsub-inner:after {
	content: " ";
	display: table;
}

.cbp-hrmenu .cbp-hrsub-inner:after {
	clear: both;
}

.cbp-hrmenu .cbp-hrsub-inner > div a {
	line-height: 2em;
}

.cbp-hrsub .cbp-hrsub-inner > div > ul > li a:hover,
.cbp-hrsub .cbp-hrsub-inner > div > ul > li a:focus {
	color: #8A8A50;
		-webkit-transition:all 400ms;
		-moz-transition:all 400ms;
		-o-transition:all 400ms;
		transition:all 400ms;
}


/* address in Visit dropdown */

.cbp-address {
	position: absolute;
	right: 2em;
	top: 2.5em;
	color: #fff;
	line-height: 1.35em;
	padding: .25em 1em;
	border-right: solid 2px #fff;
}

.cbp-address-inner {
	font-family: 'sailec-regular';
	text-align: right;
	font-size: 1em;
	line-height: 1.4em;
	letter-spacing: .07em;
}


/* dropdown nav subtitles */

.user-links .secondary-menu .cbp-hrsub h4 a,
.user-links .secondary-menu .cbp-hrsub h4 {
	color: #ffffff;
	background: transparent;
	padding: 0 0 0.6em;
	margin: 0;
	font-family: 'sailec-regular';
	font-size: 1em;
	line-height: 1.4em;
	letter-spacing: .07em;
	/*width: 55%;*/
	-webkit-transition:all 500ms;
	-moz-transition:all 500ms;
	-o-transition:all 500ms;
	transition:all 500ms;
}

.user-links .secondary-menu .cbp-hrsub h4 a:hover,
.user-links .secondary-menu .cbp-hrsub h4 a:focus {
	font-family: 'sailec-bold';
	-webkit-transition:all 500ms;
	-moz-transition:all 500ms;
	-o-transition:all 500ms;
	transition:all 500ms;
}

/* Examples for media queries */

@media screen and (max-width: 52.75em) {

	.cbp-hrmenu {
		font-size: 80%;
	}

}

@media screen and (max-width: 43em) {

	.cbp-hrmenu {
		font-size: 120%;
		border: none;
	}

	.cbp-hrmenu > ul,
	.cbp-hrmenu .cbp-hrsub-inner {
		width: 100%;
		padding: 0;
	}

	.cbp-hrmenu .cbp-hrsub-inner {
		padding: 0 2em;
		font-size: 75%;
	}

	.cbp-hrmenu > ul > li {
		display: block;
		border-bottom: 4px solid #585252;
	}

	.cbp-hrmenu > ul > li > a {
		display: block;
		padding: 1em 3em;
	}

	.cbp-hrmenu .cbp-hrsub {
		position: relative;
	}

	.user-links .secondary-menu .cbp-hrsub h4 a,
	.user-links .secondary-menu .cbp-hrsub h4 {
		padding-top: 0.6em;
	}

}

@media screen and (max-width: 36em) {
	.cbp-hrmenu .cbp-hrsub-inner > div {
		width: 100%;
		float: none;
		padding: 0 2em;
	}
}


/* ==========================================================================
   Media Queries (desktop to mobile order)
   ========================================================================== */

@media only screen and ( max-width: 1200px ) {
	.cbp-hrmenu > ul > li > a {
		padding: 0 1em;
	}
}

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

	nav.mobile-mainNav {
		height: 100vh;
		width: 100%;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}

	nav.mobile-mainNav ul {
		list-style-type: none;
		padding-left: 0;
	}

	.main-header > .container-fluid {
		padding-right: 0;
		padding-left: 0;
	}

	.secondary-menu > nav.mobile-mainNav > ul:last-of-type {
		margin-bottom: 150px;
	}

	.user-links.mobile .secondary-menu nav.mobile-mainNav > ul a {
		padding-left: 2.25em;
	}

	.user-links.mobile .secondary-menu nav.mobile-mainNav > ul > li > ul > li a {
		padding-left: 3.5em;
	}

	.menu-trigger {
		line-height: 35px;
		font-size: 16px;
		margin-top: 10px;
	}

	.cart-link {
		text-align: center;
		/*padding: 12px 0;*/
		line-height: 55px;
	}

	.cart-link > a {
		font-size: 0;
	}

	.cart-link > a .fa {
		font-size: 18px;
	}

	.cart-box::before {
		right: 40px;
	}

	.tag-cloud {
		text-align: center;
		font-size: 0;
	}

	.tag-cloud li {
		float: none;
		display: inline-block;
		font-size: 15px;
	}

	.user-links-toggler {
		display: block;
		margin-top: -43px;
		margin-right: 8px;
	}

	.user-links {
		display: none;
	}

	.user-links.mobile {
		border-top: 1px solid #bebebe;
		text-align: left;
		margin-top: 0;
		margin-left: -15px;
		margin-right: -15px;
	}

	.user-links.mobile .secondary-menu a {
		display: block;
		padding: 15px 0px;
		margin: 0;
		border-bottom: 1px solid #ececec;
	}

	.user-links.mobile .account-links a {
		display: block;
		padding: 15px 0;
		border-bottom: 1px solid #ececec;
	}

	.user-links.mobile .social-links {
		padding: 15px 0;
	}
}

@media only screen and ( max-width: 823px ) {
	.cart-link {
	    margin-right: -20px;
	    margin-left: 20px;
	}
}


@media only screen and ( max-width: 768px ) {
	.main-header {
		padding: 4.35em 0 0;
	}

	.logo {
		padding: 15px 0;
		line-height: 1;
		border-bottom: 1px solid #efefef;
	}

	.menu-trigger span, .menu-trigger .fa-caret-down {
		display: none;
	}

	.user-links {
		padding: 15px 0;
		text-align: center;
		line-height: 1;
	}

	.user-links .social-links {
		margin-bottom: 15px;
		float: none;
	}

	.user-links .social-links a {
		margin: 0 5px;
	}

	.user-links .account-links {
		float: none;
	}

	.user-links .account-links a {
		margin: 0 10px;
	}

	.user-links.mobile {
		margin-top: 0;
	}

	.cart-link {
		text-align: center;
	}

	.cart-link > a {
		white-space: nowrap;
	}

	.cart-box::before {
		right: 10%;
	}

	.menu-box .linklist {
		height: auto;
	}

	.menu-box .linklist a {
		padding: 10px 20px;
	}

	.tag-cloud li {
		margin: 0 8px 8px 0;
	}

	.tag-cloud a {
		padding: 5px 10px;
		font-size: 13px;
	}

	.user-links-toggler {
		margin-top: -50px;
		font-size: 14px;
	};
}

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

	.cart-box::before {
		right: 6%;
	}

	header.main-header .logo {
		margin: .5em 0 0 .5em;
		text-align: center;
		padding-bottom: .45em;
		width: 12em;
	};
}

@media only screen and ( max-width: 480px ) {
	.logo {
		text-align: left;
	}

	.logo img {
		max-width: 210px;
	}

	.searchbar button {
		width: 20%;
	}

	.cart-box::before {
		right: 1%;
	}
}

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