/*********************************************************************************************************************
 * Theme Name: Tiffany Andersen Custom Theme
 * Description: A cstom WordPress Theme with built-in features to setup multiple brand home pages.
 * Author: Crack-Ajax Web Technologies
 * Author URI: http://crack-ajax.com
 * Version: 2.1.1
 *
 *
 * Colors Used in Theme:
 *
 * Blue: #04a2ac rgb(x,x,x)
 * color 2: #xxxxxx rgb(x,x,x)
 * color 3: #xxxxxx rgb(x,x,x)
 * color 4: #xxxxxx rgb(x,x,x)
 * color 5: #xxxxxx rgb(x,x,x)
 * color 6: #xxxxxx rgb(x,x,x)
 ********************************************************************************************************************/

@font-face {
	font-family: 'avenir-book';
	src: url('fonts/AvenirLTProBook.otf');
}
@font-face {
	font-family: 'copperplate';
	font-display: block;
	src: url('/wp-content/themes/ta-brands/fonts/copperplate.otf');
}

.gold-text {
	color: #9e28b5;
}

.green-text {
	color: #dbdbdb;
}

/****************************************** WordPress User Edit Link ************************************************/

.edit-this-link {
    display: none;
    width: 100%;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

/***************************************** Custom Block Custom Styling ***********************************************/

.salts-alive-blurb-2 .overlay-left {
	left: 0 !important;
}


/******************************************* WordPress Thumbnail Captions *******************************************/

.alignright {
	float: right;
	margin-left: 20px;
}
.nav.primary-nav ul ul li:hover a {
color:#a1d5da;
}
.logo_left img {
    width: 60%;
}
.facial_device {
    padding: 50px 0 30px;
    margin:0px 0 50px;
}
.essex_css {
    padding: 50px 20px !important;
    margin-top: 40px;
}
li#tiffany_andersen_footer_1 span.icon-label {
    font-size: 12.8px !important;
}
.document-footer span.social-icon {
    margin: 0 5px 2px 0 !important;
}
.document-footer .social-icon:before {
    font-size: 1em;
}
.brand-footer.gavee-gold .section-three a:hover {
color:#20c0ca;
}
a.wp-block-button__link:hover {
    border-color: #9e28b5 !important;
    background-color: #9e28b5 !important;
}
.iner_boxes {
    margin-bottom: 20px !important;
        gap: 20px;
}









.video-right {
	max-width: 50%;
	padding-left: 50px;
	padding-bottom: 50px;
}

.alignleft {
	float: left;
	margin-right: 20px;
}

.video-left {
	max-width: 50%;
	padding-right: 50px;
	padding-bottom: 50px;
}

.aligncenter {
    display: block;
    margin: 0 auto;
}

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

/* https://richtabor.com/gutenberg-image-alignments/ */
.alignfull {
    margin-left  : calc( -100vw / 2 + 100% / 2 );
    margin-right : calc( -100vw / 2 + 100% / 2 );
    max-width    : 100vw !important;
}

.alignfull img {
	display: inherit;
}

.alignwide {
    -margin-left  : -100px;
    -margin-right : -100px;
    max-width    : 1200px;
}

.chopper-round video {
	border-radius: 100%;
	max-height: 400px;
}

.wp-block-image {
	max-width: 100%;
	height: auto;
}

.wp-block-image img {
	display: block;
	height: auto;
}

.wp-block-cover {
	width: auto;
}

.no-vertical-margin {
	margin-top: 0;
	margin-bottom: 0;
}

.italic {
	font-style: italic;
}

.no-margin-top {
	margin-top: 0 !important;
}

.no-margin-bottom {
	margin-bottom: 0;
}

.margin-bottom-50 {
	margin-bottom: 50px !important;
}

.subhead {
	font-size: 24px;
	font-family: 'avenir-book', sans-serif;
	color: #2b2b2b;
}

.adobe-garamond-pro {
	font-family: 'Adobe Garamond Pero', serif;
}

.wp-block-columns.less-width {
	max-width: 900px;
	margin: auto;
}

.wp-block-column:last-of-type {
	margin-right: 0;
}

h3.gavee-gold {
	color: #2b2b2b;;
}

.circle-image img {
    border-radius: 100%;
    width: 250px;
}

.vip-overlay-text a.custom-link {
	color: #2b2b2b;
}

.vip-overlay-text p {
	display: inline-block;
    text-align: center;
    margin-top: 135px;
    text-transform: uppercase;
    font-family: 'adobe-garamond-pro', serif;
	font-size: 36px;
	color: #2b2b2b;
}

.starter-gems,
.custom-blending {
	height: 725px;
	position: relative;
}

.starter-gems .wp-block-cover__inner-container {
	position: absolute;
	top: 50px;
	padding-left: 200px;
}

.starter-gems h2,
.custom-blending h2 {
	font-size: 64px;
	color: #9e28b5;
	max-width: 100%;
	line-height: 1;
	padding-bottom: 10px;
}

.starter-gems h3,
.custom-blending h3 {
	font-size: 30px;
	color: #2b2b2b;
	text-transform: uppercase;
	font-family: 'avenir-book', sans-serif;
	margin-bottom: 20px;
}

.starter-gems p {
	font-weight: 600;
}

.custom-blending {
	height: 600px;
	position: relative;
}

.custom-blending .wp-block-cover__inner-container {
	position: absolute;
	top: 30px;
	padding-left: 0;
}

.custom-blending h2 {
	text-transform: capitalize;
	margin-bottom: 50px;
}

.custom-blending h3 {
	margin-bottom: 0;
	color: #9e28b5;
	float: right;
	margin-right: 80px;
}

.custom-blending .credentials {
	clear: right;
	float: right;
	margin-right: 85px;
}

.custom-blending .her-story {    
	margin-top: 380px;
	margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
}

.tab-slider .slide-1 .slide-blurb {
	left: 50%;
	top: 15% !important;
	max-width: 850px;
	width: 100%;
	transform: translate(-50%) !important;
}

.tab-slider .slide-1 .slide-blurb p {
	font-family: 'adobe-garamond-pro', serif;
}

.close-gap.has-2-columns .wp-block-column {
	flex-basis: 50%;
	margin-bottom: 0;
}

.close-gap.has-2-columns .wp-block-column .wp-block-cover {
	margin-bottom: 0;
}

.close-gap.has-2-columns .wp-block-column:not(:first-child) {
	margin-left: 0;
}

@media (min-width: 1200px) {

	.ta-video.right-corner .overlay.overlay-left {
		left: 34% !important;
	}
    .essex_css .wp-block-cover__inner-container {
    max-width: 1200px;
}
.two_column {
    margin-top: 30px;
}

}

@media (min-width: 993px) and (max-width: 1199px) {

	.ta-video.right-corner .overlay.overlay-left {
		left: 30% !important;
	}

}

@media (min-width: 769px) and (max-width: 992px) {

	.ta-video.right-corner .overlay.overlay-left {
		left: 23% !important;
	}

}

@media (max-width: 1200px) {
	
	.vip-overlay-text {
		background-position: right;
		min-height: 300px;
	}

	.vip-overlay-text p {
		font-size: 26px;
	}

	.custom-blending {
		height: 500px;
	}

	.custom-blending h2 {
		font-size: 60px;
		margin-bottom: 20px;
	}
	
	.custom-blending h3 {
		margin-right: 20px;
	}
	
	.custom-blending .credentials {
		margin-right: 25px;
	}
	
	.custom-blending .her-story {
		margin-top: 290px;
	}
		
}

@media (max-width: 992px) {
	
	.has-huge-font-size, .has-larger-font-size {
		font-size: 40px;
	}
    .logo_left img {
    width: 80%;
}
    
    
	
	.vip-overlay-text {
		min-height: 230px;
	}

	.vip-overlay-text p {
		font-size: 24px;
		margin-top: 160px;
	}
	
	.starter-gems {
		height: 600px;
	}

	.starter-gems .wp-block-cover__inner-container {
		top: 30px;
		padding-left: 150px;
	}

	.custom-blending {
		height: 400px;
	}

	.custom-blending h2 {
		font-size: 45px;
		margin-bottom: 20px;
	}
	
	.custom-blending h3 {
		font-size: 24px;
	}
	
	.custom-blending .credentials {
		font-size: 16px;
	}
	
	.custom-blending .her-story {
		margin-top: 250px;
		font-size: 14px;
	}
	
}

@media (max-width: 768px) {
	
	.tab-slider .slide-1 .slide-blurb {
		max-width: 410px;
	}
    div#search-3 {
    margin-top: -3px;
    margin-right: -5px !important;
}
    ul#menu-about-us-footer li {
    text-align: center;
}
.site-title-wrapper h2 {
	font-size: 14px !important;
}
header.document-header nav.primary-nav {
    padding: 7px 0 !important;
}

    .brand-footer.gavee-gold .section-two .wp-block-column h3 {
	margin-top: 35px;
}
    .home_spacer {
    height: 30px !important;
}
.media-text-in-cover h2 {
    margin-bottom: 10px;
    font-size: 35px !important;
}
.media-text-in-cover img {
    height: 400px;
}
.media-text-in-cover {
    min-height: 400px !important;
}
.above_footer_img {
    min-height: 250px !important;
}
    .reduce_gap {
    margin-bottom: 0;
    gap: 0;
}
    .essex_css .wp-block-image .alignright {
    float: right;
    margin: .5em 0 .5em 0em;
}
	
	.has-huge-font-size, .has-larger-font-size {
		font-size: 36px;
	}
	
	.vip-overlay-text {
		position: relative;
	}

	.vip-overlay-text p {
		margin-top: 0;
    	top: 0px;
    	left: 110px;
    	line-height: 1.7;
    	position: absolute;
	}
	
	.tab-salts-alive .blurb-left.static {
		background-position: top right !important;
	}
	
	.starter-gems {
		height: 450px;
	}

	.starter-gems .wp-block-cover__inner-container {
		padding-left: 40px;
	}

	.starter-gems h2 {
		font-size: 46px;
	}

	.starter-gems h3 {
		font-size: 24px;
	}

	.starter-gems p {
		font-size: 18px;
	}

	.custom-blending {
		background-position: left;
	}
	
	.custom-blending .wp-block-cover__inner-container {
		top: 10px;
		width: 92%;
	}

	.custom-blending h2 {
		font-size: 40px;
	    max-width: 445px;
	    margin: 0 auto 75px;
	}
	
	.custom-blending h3 {
		font-size: 22px;
		float: none;
	}
	
	.custom-blending .credentials {
		font-size: 16px;
		float: none;
	}
	
	.custom-blending .her-story {
		margin-top: 65px;
	}

	.close-gap.has-2-columns .wp-block-column {
		flex-basis: 100%;
	}
	
}

@media (max-width: 600px) {
	
	.padded.wp-block-media-text .wp-block-media-text__media {
		padding: 0 8%;
	}

	.image-to-top.wp-block-media-text .wp-block-media-text__media,
	.has-media-on-the-right.wp-block-media-text .wp-block-media-text__media {
		grid-row: 1/2;
	}

	.image-to-top.wp-block-media-text .wp-block-media-text__content,
	.has-media-on-the-right.wp-block-media-text .wp-block-media-text__content {
    	grid-row: 2/3;
	}
	
	.page-healthy-ingredients .wp-block-media-text .wp-block-media-text__media {
	    margin: 0 auto;
	    max-width: 150px;
	}
	
}

@media (max-width: 480px) {
	
	.video-right {
		float: none;
		max-width: 100%;
		padding-left: 0;
		padding-bottom: 0;
		margin-left: 0;
	}
	
	.floated-center .alignright,
	.floated-center .alignleft { /* center images that are floated left or right custom class */
		float: none;
		margin: 0 auto;
	}
	
	.has-huge-font-size, .has-larger-font-size {
		font-size: 32px;
	}
	
	.tab-gavee-gold .blurb-right.static {
		background-position: right !important;
	}

	.vip-overlay-text p {
    	top: 0px;
    	left: 0;
		width: 100%;
		font-size: 19px;
		line-height: 2.1;
	}

	.starter-gems .wp-block-cover__inner-container {
		padding-left: 0;
		width: 100%;
	}

	.starter-gems h2 {
		font-size: 40px;
		text-align: left;
	}

	.starter-gems h3 {
		font-size: 22px;
		margin-bottom: 10px;
	}

	.starter-gems p {
		font-size: 15px;
	}
	
	.custom-blending .wp-block-cover__inner-container {
		top: 25px;
	}

	.custom-blending h2 {
		font-size: 35px;
		margin-bottom: 80px;
	}
	
	.custom-blending .her-story {
		font-size: 12px;
	}
	
	.cell-salts-quad .wp-block-image {
		margin: 0;
	}
	
	.cell-salts-quad .wp-block-image img {
		width: 100%;
	}
	
	.is-stacked-on-mobile {
		margin-bottom: 1em;
	}
	
	.close-gap .wp-block-cover .wp-block-cover__inner-container {
		width: 100%;
	}

	.wp-block-media-text.is-stacked-on-mobile {
		grid-row-gap: 20px;
	}
	
}

@media (min-width: 600px) {
	
	.wp-block-columns.has-3-columns:not(.brands-3) div.wp-block-column:last-child {
		margin: 0 auto 1em;
	}
	
}

/****************************************** Gutenberg Color Palette Styles *******************************************/

.ta-brands .has-dark-gray-background-color { background-color: #2b2b2b;; }

.ta-brands .has-dark-gray-color { color: #2b2b2b;; }

.ta-brands .has-white-background-color { background-color: #ffffff; }

.ta-brands .has-white-color { color: #ffffff; }

.ta-brands .has-light-blue-background-color { background-color: #d9f1f2; }

.ta-brands .has-light-blue-color { color: #d9f1f2; }

.ta-brands .has-dark-blue-background-color { background-color: #04a2ac; }

.ta-brands .has-dark-blue-color { color: #04a2ac; }

.ta-brands .has-light-gray-background-color { background-color: #dbdbdb; }

.ta-brands .has-light-gray-color { color: #dbdbdb; }

.ta-brands .has-purple-background-color { background-color: #9e28b5; }

.ta-brands .has-purple-color { color: #9e28b5; }

/********************************************** Gutenberg Button Styles ***********************************************/

.wp-block-button__link,
.is-style-outline .wp-block-button__link {
	border-width: 1px;
	border-style: solid;
	border-radius: 25px;
	padding: 8px 30px;
	font-size: 18px;
	text-transform: uppercase;
	text-decoration: none;
}

.wp-block-button__link:hover,
.is-style-outline .wp-block-button__link:hover {
	text-decoration: none;
}

.wp-block-button {
 	margin: 40px 0 0;
}

.wp-block-button__link.has-dark-gray-background-color:hover { background-color: #2b2b2b; }

.wp-block-button__link.has-dark-gray-color { color: #2b2b2b;; }

.wp-block-button__link.has-white-background-color:hover { background-color: #ffffff }

.wp-block-button__link.has-white-background-color { border-color: dark-gray !important; }

.wp-block-button__link.has-white-color { color: #ffffff; }

.wp-block-button__link.has-light-blue-background-color:hover { background-color: #2b2b2b; }

.wp-block-button__link.has-light-blue-color { color: #d9f1f2; }

.wp-block-button__link.has-light-blue-color:hover { color: #ffffff; }

//.wp-block-button__link.has-dark-blue-background-color:hover { background-color: #2b2b2b; }

.wp-block-button__link.has-dark-blue-color { color: #04a2ac; }

.wp-block-button__link.has-dark-blue-color:hover { color: #ffffff; }

.wp-block-button__link.has-light-gray-background-color:hover { opacity: 0.8; background-color: #dbdbdb }

.wp-block-button__link.has-light-gray-color { color: #dbdbdb; }

.wp-block-button__link.has-light-gray-color:hover { color: #9e28b5; }

.wp-block-button__link.has-purple-background-color:hover { opacity: 0.8; background-color: #9e28b5 }

.wp-block-button__link.has-purple-color { background-color: transparent; color: #9e28b5; border:1px solid #9e28b5; border-radius: 25px !important; }

.wp-block-button__link.has-purple-color:hover { color: #ffffff; background-color:#9e28b5 !important; }

/******************************************* Mobile Splash Page Settings ******************************************/

.mobile-splash-page {
	display: none;
}

@media (max-width: 480px) {	
	
	@keyframes splash {
		0% { opacity: 1; z-index: 9999999; }
		67% { opacity: 1; z-index: 9999999; }
		100% { opacity: 0; z-index: -1; }
	}
	
	.mobile-splash-page {
		display: grid;
		grid-template-rows: 1fr 2fr 1fr;
		grid-row-gap: 50px;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: -1;
		justify-items: center;
		align-items: center;
		padding: 30px 20px;
		cursor: none;
		opacity: 0;
		max-height: 100vh;
		animation-name: splash;
		animation-delay: 0;
		animation-duration: 5s;
		animation-iteration-count: 1;
	}
	
	.mobile-splash-page img {
		max-width: 160px;
		max-height: 119px;
		height: auto;
		width: auto;
	}
	
	.mobile-splash-page video {
		max-width: 100%;
		height: auto;
    	-webkit-mask-image: -webkit-radial-gradient(white, dark-gray);
    	-webkit-backface-visibility: hidden;
    	-moz-backface-visibility: hidden;
		/*-webkit-appearance: none;    Try this if still don't work */
	}
}

/****************************************** Text and Anchor Tag Settings ******************************************/

iframe {
	border: 0 !important;
}

p,
pre.wp-block-verse {
	margin-top: 0;
	margin-bottom: 20px;
	font-family: 'avenir-book', sans-serif;
}

.post-content ol li,
.post-content ul li {
	margin-bottom: 10px;
}

h1, h3, h4, h5, h6 {
	font-family: 'adobe-garamond-pro', serif;
	font-weight: normal;
}

h1 {
	text-transform: uppercase;
}

h2 {
	font-family: 'copperplate', sans-serif !important;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 30px;
	margin-top: 0;
}

h3 {
	text-transform: uppercase;
	margin-top: 0;
}

h4 {
	text-transform: capitalize;
	margin-top: 0;
}

a:link,
a:visited {
	color: #a1d5da;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

@media (max-width: 480px) {
	
	h1 {
		font-size: 1.7em;
	}
	
	h2 {
		font-size: 1.4em;
	}
	
}

/********************************************* Primary Content Styling **********************************************/

* {
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
}

body,
html {
	height: 100%;
	max-width: 100%;
	overflow-x: hidden;
}

body {
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-family: 'avenir-book', sans-serif;
}

.row {
	max-width: 1200px;
	margin: auto;
}

.button,
a.button,
.button.wc-forward {
	padding: 8px 30px;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
	border-radius:25px;
}

.button:hover {
	background-color: #9e28b5;
}

@media (max-width: 1240px) {
	
	.row {
		max-width: calc(100% - 40px);
	}
	
}

@media (max-width: 480px) {
	
	.row {
	    max-width: calc(100% - 20px);
	}
	
}

/******************************************** Animation In View Styling *********************************************/
/*********************** source: https://www.sitepoint.com/scroll-based-animations-jquery-css3/ *********************/

.animation-element.slide-left-rotate {
	opacity: 0;
	transition: all 0.5s linear;
	transform: translate3d(-500px, 0px, 0px) rotate(347deg);
}

.animation-element.slide-left-rotate.in-view {
	transform: translate3d(0px, 0px, 0px) rotate(-17deg);
	opacity: 1;
}

.animation-element.slide-left {
	opacity: 0;
	transition: all 0.5s linear;
	transform: translate3d(-500px, 0px, 0px);
}

.animation-element.slide-left.in-view {
	transform: translate3d(0px, 0px, 0px);
	opacity: 1;
}

.animation-element.slide-right {
	opacity: 0;
	transition: all 0.5s linear;
	transform: translate3d(500px, 0px, 0px);
}

.animation-element.slide-right.in-view {
	opacity: 1;
	transform: translate3d(0px, 0px, 0px);
}

.animation-element.slide-right-rotate {
	opacity: 0;
	transition: all 0.5s linear;
	transform: translate3d(500px, 0px, 0px) rotate(347deg);
}

.animation-element.slide-right-rotate.in-view {
	transform: translate3d(0px, 0px, 0px);
	opacity: 1;
}

.animation-element.fade-in {
	transition: all 2s linear;
	opacity: 0;
}

.animation-element.fade-in.in-view {
	opacity: 1;
	background-size: cover;
}

.animation-element.zoom-in {
	transition: all 1.5s linear;
	width: 0;
	height: 0;
	padding: 50% 0 0 50%;
	opacity: 0;
	background-size: 0;
	background-position: 50% 50%;
}

.animation-element.zoom-in.in-view {
	width: inherit;
	height: inherit;
	padding: 0;
	opacity: 1;
	background-size: 100%;
	background-position: center;
}

/********************************************** TA Front Page Styling ***********************************************/

.wp-block-cover-text .wp-block-cover__inner-container {
	transform: translateY(150%);
}

.wp-block-cover-text .wp-block-cover__inner-container  p {
	font-family: 'adobe-garamond-pro', sans-serif;
	text-transform: uppercase;
}

@media (max-width: 992px) {
	
	.wp-block-cover-text .wp-block-cover__inner-container {
		width: calc(100% - 40px);
	}
	
}

@media (max-width: 480px) {
	
	.wp-block-cover-text .wp-block-cover__inner-container {
		transform: translateY(100%);
	}
	
}

/********************************************* Document Header Styling **********************************************/

header.document-header {
    position: relative;
    background-color: white;
    -box-shadow: 0 0 10px #2b2b2b;
    z-index: 10;
}

/*********************************************** Top Header Styling *************************************************/

header.document-header .header-top {
	display: grid;
	grid-template-columns: repeat(2, 50%);
	grid-template-rows: 40px;
	align-items: center;
}

header.document-header .header-top .top-nav-left {
	justify-self: self-start;
	align-self: center;
}

header.document-header .header-top .top-header-right {
	justify-self: self-end;
	display: grid;
	grid-template-columns: 200px 100px;
	padding-top: 10px !important;
}

header.document-header .header-top .top-header-right ul.top-nav.right {
	display: grid;
	grid-template-columns: 36px 70px;
	align-items: center;
	justify-content: center;
}

header.document-header .header-top .top-header-right ul li.menu-item {
	grid-column: 2/3;
	grid-row: 1;
	text-align: right;
}

header.document-header .header-top .top-header-right ul li.the-mini-cart {
	grid-column: 1/2;
	grid-row: 1;
}


header.document-header .header-top .top-header-right ul li.menu-item a {
	display: block;
    margin-top: 9px;
}

header.document-header .header-top .top-header-right li a {
	font-size: 20px;
}

header.document-header .header-top nav ul {
	list-style-type: none;
	padding-left: 0;
	margin: 0;
}

header.document-header .header-top nav ul.multi-lines {
	position: absolute;
	top: 0;
	max-width: 335px;
}

header.document-header .header-top nav ul li:not(.newsletter-popup) {
	display: inline-block;
}

header.document-header .header-top nav>ul>li>a {
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	color: #dbdbdb;
}

.brand-tiffany-andersen header.document-header .header-top nav>ul>li>a {
	color: #04a2ac;
}

header.document-header #searchform {
	position: relative;
	margin-right: 10px;
}

header.document-header #searchform input#s {
	width: 0;
	height: 0;
	padding: 0;
	float: left;
	outline: 0;
	border: 0;
	font-size: 13px;
	font-weight: bold;
	color: #2b2b2b;
	transition: all 0.5s ease;
}

header.document-header #searchform input#s.active {
	width: 75%;
	height: 35px;
	padding: 0 10px;
	border: 1px solid #2b2b2b;
}

header.document-header #searchform #searchsubmit {
	width: 15%;
	border: 0;
	outline: 0;
	height: 40px;
	width: 40px;
	z-index: 1;
	cursor: pointer;
	position: relative;
	background: transparent;
	float: right;
}

header.document-header #searchform span.genericon {
	position: absolute;
	display: block;
	top: -1px;
	right: 0;
	z-index: 0;
}

header.document-header #searchform span.genericon-search:before {
	font-size: 40px;
	color: #2b2b2b;
}

@media (max-width: 480px) {
	
	header.document-header .header-top nav ul.top-nav.left {
		display: none;
	}
	
	header.document-header #searchform span.genericon-search:before {
		font-size: 30px;
	}
	
	header.document-header .header-top .top-header-right li a {
		font-size: 15px;
	}
	
}

/******************************************** Newsletter Popup Styling ************************************************/

#overlay,
.popup {
	display: none;
}

.no-scroll,
.no-scroll-btv,
.no-scroll-coming {
	height: 100%;
	overflow: hidden;
}

.no-scroll #overlay,
.checkout-no-email #overlay,
.no-scroll-btv #overlay,
.no-scroll-coming #overlay  {
	display: block;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.7);
	z-index: 999;
}

.no-scroll .popup {
	display: block;
    position: fixed;
	max-width: 80%;
    width: 900px;
    padding: 25px;
    top: 50%;
    left: 50%;
    transform: translate( -50%, -50% );
    z-index: 1000;
    -overflow-x: auto;
}

.no-scroll .newsletter.popup {
	text-align: center;
    background-color: white;
    background-size: cover;
    background-position: center;
}

.lead-generator,
.coming-soon {
	position: fixed;
	max-width: 80%;
    width: 900px;
    padding: 25px;
    max-height: 100vh;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
	z-index: 99999;
	display: none;
}

.no-scroll-btv .lead-generator,
.no-scroll-coming .coming-soon {
	display: block;
}

.no-scroll-coming .coming-soon {
	background-size: cover;
}

.no-scroll .popup .close-x,
.no-scroll-btv .lead-generator .close-x,
.no-scroll-coming .coming-soon .close-x {
	position: absolute;
	width: 30px;
	height: 30px;
	line-height: 30px;
	right: -10px;
	top: -10px;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	color: white;
	background-color: #2b2b2b;
	border: 1px solid white;
	border-radius: 100%;
	z-index: 10;
}

.no-scroll .newsletter.popup h2 {
	font-size: 40px;
	margin-bottom: 20px;
}

.no-scroll .newsletter.popup p:not(.pop-disclaimer),
.no-scroll-btv .lead-generator h2,
.no-scroll-coming .coming-soon h2 {
	font-size: 27px;
	color: #dbdbdb;
	text-transform: uppercase;
}

.no-scroll .newsletter.popup p:not(.pop-disclaimer) {
	color: #2b2b2b;
}

.no-scroll-btv .lead-generator h2,
.no-scroll-coming .coming-soon h2 {
	max-width: 600px;
	text-align: center;
	margin: 0 auto 20px;
}

.no-scroll .newsletter.popup p.pop-disclaimer {
	font-size: 20px;
	color: #464646;
	margin-bottom: 0;
}

.no-scroll .newsletter.popup .gform_wrapper,
.no-scroll-btv .lead-generator .gform_wrapper,
.no-scroll-coming .coming-soon .gform_wrapper {
	max-width: 600px;
	margin: 20px auto;
	background-color: rgba(255,255,255,0.8);
}

.no-scroll-coming .coming-soon .gform_wrapper {
	background-color: transparent;
}

.no-scroll .newsletter.popup .gform_wrapper form,
.no-scroll-btv .lead-generator .gform_wrapper form {
	background-color: rgba(0,0,0,0.05);
	padding: 30px;
}

.no-scroll-coming .coming-soon .form-wrap {
	background-color: rgba(255,255,255,0.3);
}

.no-scroll-coming .coming-soon .form-wrap .gform_required_legend {
	display: none;
}

.no-scroll-btv .lead-generator .form-wrap,
.no-scroll-coming .coming-soon .gform_wrap {
	overflow: auto;
	max-height: 90vh;
}

.no-scroll-btv .lead-generator .gform_wrapper form,
.no-scroll-coming .coming-soon .gform_wrapper form {
	padding: 0 15px 10px 30px;
}

.no-scroll-btv .lead-generator .gform_wrapper form textarea {
	border: 0;
}

.no-scroll .newsletter.popup .gform_confirmation_message,
.no-scroll-btv .lead-generator .gform_confirmation_message,
.no-scroll-coming .coming-soon .gform_confirmation_message {
    margin-bottom: 30px;
    font-size: 22px;
	font-weight: bold;
    text-transform: uppercase;
    color: #9e28b5;
}

.confirmation .newsletter.popup {
	height: 455px;
	position: relative;
}

.confirmation .newsletter.popup .gform_confirmation_wrapper {
	background-image: url(../../uploads/2019/06/newsletter-popup-background.png);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 100px 0;
}

.confirmation .newsletter.popup .gform_confirmation_wrapper h2 {
	font-family: 'avenir-book', sans-serif;
	font-size: 56px;
	margin: 0;
	line-height: 56px;
}

.confirmation .newsletter.popup .gform_confirmation_wrapper p.second-string {
	margin-bottom: 30px;
}

.confirmation .newsletter.popup .gform_confirmation_wrapper p.second-string,
.confirmation .newsletter.popup .gform_confirmation_wrapper p.third-string {
	color: #9e28b5;
}

.confirmation .newsletter.popup .gform_confirmation_wrapper p.third-string {
	margin-bottom: 0;
}

.confirmation .newsletter.popup .gform_confirmation_wrapper p.fourth-string{
	color: #6c6c6c;
	margin-bottom: 30px;
}

body.ta-brands .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	border: 0;
	outline-color: #9e28b5;
	height: 35px;
    font-size: 16px;
    padding: 0 10px;
}

.gfield.label-hide label.gfield_label {
	display: none;
}

@media (max-width: 768px) {
	
	.no-scroll .newsletter.popup h2 {
		font-size: 30px;
	}
	
	.no-scroll .newsletter.popup p:not(.pop-disclaimer) {
		font-size: 18px;
	}
	
	.no-scroll .newsletter.popup p.pop-disclaimer {
		font-size: 14px;
	}
	
	.no-scroll .newsletter.popup .gform_wrapper input[type=submit] {
		margin-bottom: 0;
	}
	
}

@media (max-width: 480px) {
	
	.no-scroll .newsletter.popup {
		max-width: 90%;
		padding: 15px;
	}
	
	.no-scroll .newsletter.popup h2 {
		font-size: 24px;
	}
	
	.no-scroll .newsletter.popup p:not(.pop-disclaimer) {
		font-size: 16px;
	}
	
	.no-scroll .newsletter.popup .gform_wrapper {
		padding: 5px;
	}
	
	.no-scroll .newsletter.popup .gform_wrapper form {
		padding: 10px;
	}
	
	.lead-generator,
	.coming-soon {
		max-width: 94%;
		max-height: 85vh;
		padding: 25px 5px;
	}
	
	.no-scroll-btv .lead-generator .form-wrap,
	.no-scroll-coming .coming-soon .form-wrap  {
		max-height: 80vh;
	}
	
	.no-scroll-btv .lead-generator h2,
	.no-scroll-coming .coming-soon h2 {
		font-size: 1.4rem;
	}
	
	.no-scroll-btv .lead-generator .gform_wrapper,
	.no-scroll-coming .coming-soon .gform_wrapper {
		padding: 5px;
	}
	
	.no-scroll-btv .lead-generator .gform_wrapper form,
	.no-scroll-coming .coming-soon .gform_wrapper form {
		padding: 0 10px;
	}
	
	.no-scroll-btv .lead-generator .gform_wrapper ul,
	.no-scroll-coming .coming-soon .gform_wrapper ul {
		overflow: auto;
	}
	
}

/******************************************* Top Header Mini Cart Styling *********************************************/

header.document-header .header-top .top-nav-right .the-mini-cart {
	position: relative;
}

header.document-header .header-top .top-nav-right .the-mini-cart .fa-shopping-cart {
    background: url(../../uploads/2019/06/cart-dropdown-dark.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
	width: 36px;
	height: 36px;
}

header.document-header .header-top .top-nav-right .the-mini-cart .fa-shopping-cart:before {
	content: '';
}

header.document-header .header-top .top-nav-right .the-mini-cart .cart-items-qty {
	position: absolute;
	font-size: 20px;
	top: 12px;
	text-align: center;
	width: 100%;
	display: block;
}

header.document-header .header-top .top-nav-right .mini-cart-wrapper {
	display: none;
	position: absolute;
	right: 0;
	width: max-content;
	max-width: 432px;
	background-color: white;
	z-index: 10;
	padding: 5px;
	border: 1px solid #9e28b5;
}

header.document-header .header-top .top-nav-right .the-mini-cart:hover .mini-cart-wrapper {
	display: block;
	padding: 20px;
}

header.document-header .header-top .top-nav-right .woocommerce-mini-cart-item {
	width: 100%;
	position: relative;
	margin-right: 0;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid #868686;
}

header.document-header .header-top .top-nav-right .woocommerce-mini-cart-item a.remove {
	position: absolute;
	right: 0;
	top: 10px;
	font-size: 20px;
	color: dark-gray !important;
	height: 1em;
    width: 1em;
    text-align: center;
    line-height: 1;
}

header.document-header .header-top .top-nav-right .woocommerce-mini-cart-item a.remove:hover {
	background: #2b2b2b;
	color: white !important;
	text-decoration: none;
    border-radius: 100%;
}

header.document-header .header-top .top-nav-right .woocommerce-mini-cart-item a:not(.remove) {
	font-family: 'adobe-garamond-pro', serif;
	font-size: 16px;
	font-weight: normal;
	display: block;
	text-transform: uppercase;
}

header.document-header .header-top .top-nav-right .woocommerce-mini-cart-item a:not(.remove) img {
	max-width: 100px;
	width: 100px;
	height: auto;
	float: left;
	margin-right: 10px;
}

header.document-header .header-top .top-nav-right .woocommerce-mini-cart-item span.quantity {
	display: inline-block;
	margin-top: 10px;
	color: #868686;
	font-size: 14px;
}

header.document-header .header-top .top-nav-right .woocommerce-mini-cart-item span.quantity .amount {
	display: block;
	font-weight: bold;
	margin-top: 10px;
	color: #2b2b2b;
}

header.document-header .header-top .top-nav-right .total {
	padding: 10px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #868686;
	text-align: center;
}

.woocommerce header.document-header .header-top .top-nav-right a.button {
	padding: 8px 28px;
	font-weight: normal;
	border-radius: 25px;
	color: #9e28b5;
	background-color: white;
	border: 1px solid #9e28b5;
	display: inline;
}

.woocommerce header.document-header .header-top .top-nav-right a.button:hover {
	color: #ffffff;
	outline: 0;
}

.brand-tiffany-andersen:not(.woocommerce-page) header.document-header .header-top .top-nav-right a.button:hover {
	color: white;
	border-color:#9e28b5;
}

header.document-header .header-top .top-nav-right a.button:first-of-type {
	margin-right: 10px;
}

@media (max-width: 1199px) {

	header.document-header .header-top nav {
		padding: 0 10px;
	}

}

@media (max-width: 480px) {
	
	header.document-header .header-top .top-header-right ul.top-nav.right {
		align-items: normal;
	}
	
	header.document-header .header-top .top-nav-right .the-mini-cart .cart-items-qty {
		width: 25px;
		font-size: 15px;
	}
	
	header.document-header .header-top .top-nav-right .the-mini-cart .fa-shopping-cart {
	    width: 24px;
	    height: 27px;
	}
	
	header.document-header .header-top .top-header-right ul li.menu-item {
		text-align: left;
	}
	
	header.document-header .header-top .top-nav-right .the-mini-cart {
		position: static;
	}
	
	header.document-header .header-top .top-nav-right .mini-cart-wrapper {
		right: inherit;
		left: 0;
		margin: 0 10px;
		width: 100%;
		max-width: calc(100% - 20px);
		padding: 20px 5px;
	}
	
	.woocommerce header.document-header .header-top .top-nav-right a.button {
		display: inline-block;
		margin-right: 0;
	}
	
	.woocommerce header.document-header .header-top .top-nav-right a.button:first-of-type {
		margin-bottom: 20px;
	}
	
	.woocommerce header.document-header .header-top .top-nav-right .woocommerce-mini-cart__buttons {
		text-align: center;
		margin-bottom: 0;
	}
	
}

/********************************************** Middle Header Styling ***********************************************/

header.document-header .header-middle {
	height: 150px;
	padding-bottom: 20px;
	display: grid;
	grid-template-columns: repeat(3, 33.333%);
	justify-items: center;
	align-items: center;

}

header.document-header .header-middle .left-quote,
header.document-header .header-middle .right-quote {
	position: relative;
	width: 100%;
	max-width: 100%;
    height: 100px;
    padding-bottom: 10px;
	align-self: self-end;
}

header.document-header .header-middle .left-quote {
	justify-self: right;
}

header.document-header .header-middle .right-quote {
	justify-self: left;
}

header.document-header div.logo {
	max-width: 250px;
	height: 130px;
	padding-bottom: 10px;
}

header.document-header div.logo img,
header.document-header .header-middle .left-quote img,
header.document-header .header-middle .right-quote img {
	max-width: 100%;
	max-height: 100%;
}

header.document-header .header-middle p {
	font-family: 'adobe-garamond-pro', serif;
	font-style: italic;
	font-size: 30px;
	color: #04a2ac;
	margin-top: 10px;
	margin-bottom: 20px;
}

header.document-header .header-middle .right-quote .usa-header {
	text-transform: uppercase;
	font-size: 14px;
	position: absolute;
    top: -20px;
	right: 0;
}

header.document-header .header-middle .right-quote .usa-header i {
	display: inline-block;
	width: 30px;
	height: 19px;
	vertical-align: middle;
	background-size: contain;
}

@media (max-width: 1050px) {
	
	header.document-header .header-middle {
		padding-bottom: 0;
	}
	
}

@media (max-width: 480px) {
	
	header.document-header div.logo,
	header.document-header .header-middle {
		height: 90px;
	}
	
	header.document-header .header-middle .right-quote .usa-header {
		display: none;
	}
	
}


/********************************************** Bottom Header Styling **********************************************/

.mobile-hamburger {
	display: none;
}

nav.primary-nav {
    position: relative;
    text-align: center;
	padding-bottom: 10px;
}

.fixed nav.primary-nav {
	position: fixed;
	background: white;
	display: inline-block;
	padding-top: 40px;
	width: 100%;
	top: 0;
	margin-left: calc( (100% - 1200px) /-2 );
	-box-shadow: 0 0 10px #2b2b2b;
    z-index: 100;
}

.admin-bar.fixed nav.primary-nav {
	top: 30px;
}

nav.primary-nav div.navbar-header {
    display: none;
}

nav.primary-nav ul {
	display: inline-block;
    list-style-type: none;
	padding-left: 0;
	margin: 0;
}

nav.primary-nav ul li {
	position: static;
    display: inline-block;
    padding: 0 20px;
}

nav.primary-nav ul li a {
	position: relative;
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: none;
	color: #000000;
	height: 50px;
	font-weight: bold;
}
nav.primary-nav ul li a:hover {
	color: #9e28b5 !important;
}

nav.primary-nav ul.navbar-nav>li>a {
	cursor: context-menu;
}

nav.primary-nav ul li a .caret {
	display: none;
}

nav.primary-nav ul li a img {
	max-width: 18px;
	display: none;
	position: absolute;
	left: 50%;
	top: -30px;
	transform: translate(-50%, 0%);
}

nav.primary-nav ul li.current-menu-item a img,
nav.primary-nav ul li.current-page-ancestor a img,
nav.primary-nav ul li:hover a img {
	display: inline-block;
}

nav.primary-nav ul li.current-menu-item>a,
nav.primary-nav ul li.current-page-ancestor>a {
	color: #9e28b5;
}

nav.primary-nav ul ul {
	display: none;
	position: absolute;
	background-color: white;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 10;
	overflow: hidden;
}

nav.primary-nav ul li:hover ul {
	display: block;
}

nav.primary-nav ul li ul .outer-bg {
	display: none;
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    filter: blur(10px);
}

nav.primary-nav ul li ul .inner-bg {
	max-width: 1200px;
    height: 100%;
    margin: auto;
	padding: 10px;
    background-size: cover;
    background-position: center;
	position: relative;
	display: block;
}

nav.primary-nav ul li ul .inner-bg .menu-item {
	text-align: left;
}

nav.primary-nav ul li ul .inner-bg .menu-item.dropdown-submenu a[href*="#"] {
	cursor: default;
}

nav.primary-nav ul li ul .inner-bg .menu-item.dropdown-submenu a {
	font-weight: bold;
}

nav.primary-nav ul li ul .inner-bg .menu-item.dropdown-submenu .dropdown-submenu .menu-item {
	padding: 0;
}

nav.primary-nav ul ul li {
	padding: 10px 0;
	display: block;
}

nav.primary-nav ul ul li:hover a {
	color:black;
}

nav.primary-nav ul ul ul li:hover>a {
	opacity: 0.7;
}

nav.primary-nav ul li ul ul {
	position: relative;
	height: auto;
	width: auto;
	background-color: transparent;
	margin-left: 0;
}

nav.primary-nav ul li .dropdown-menu {
	-box-shadow: 0 10px 12px rgba(0,0,0,0.5);
}

nav.primary-nav ul li.ta-our-brands .dropdown-menu .inner-bg>li {
	margin-top: 70px;
}

.extra-top .dropdown-menu .inner-bg li {
	padding-top: 50px;
}

.valign .dropdown-menu .inner-bg li {
	align-self: center;
}

.one-col-far-left .dropdown-menu .inner-bg li {
	grid-column: 1/5;
}

.one-col-left .dropdown-menu .inner-bg li {
	grid-column: 2/6;
}

.one-col-center .dropdown-menu .inner-bg li {
	grid-column: 5/9;
}

.one-col-right .dropdown-menu .inner-bg li {
	grid-column: 9/12;
}

.one-col-two-rows .dropdown-menu .inner-bg li:first-of-type {
	grid-column: 5/8;
}

.one-col-two-rows .dropdown-menu .inner-bg li:last-of-type {
	grid-column: 5/8;
}

.two-col-centered .dropdown-menu .inner-bg li:first-of-type {
	grid-column: 4/7;
}

.two-col-centered .dropdown-menu .inner-bg li:last-of-type {
	grid-column: 7/10;
}

.two-col-centered-right .dropdown-menu .inner-bg li:first-of-type {
	grid-column: 4/7;
}

.two-col-centered-right .dropdown-menu .inner-bg li:last-of-type {
	grid-column: 8/11;
}

.two-col-right .dropdown-menu .inner-bg li:first-of-type {
	grid-column: 6/9;
}

.two-col-right .dropdown-menu .inner-bg li:last-of-type {
	grid-column: 9/12;
}

.three-col-left .dropdown-menu .inner-bg li:first-of-type {
	grid-column: 2/4;
}

.three-col-left .dropdown-menu .inner-bg li:nth-of-type(2) {
	grid-column: 4/6;
}

.three-col-left .dropdown-menu .inner-bg li:nth-of-type(3) {
	grid-column: 6/8;
}

nav.primary-nav ul li.four-col-even ul .inner-bg {
	grid-template-columns: repeat(13, 7.692%);
}

.four-col-even .dropdown-menu .inner-bg li:first-of-type {
	grid-column: 2/4;
}

.four-col-even .dropdown-menu .inner-bg li:nth-of-type(2) {
	grid-column: 5/7;
}

.four-col-even .dropdown-menu .inner-bg li:nth-of-type(3) {
	grid-column: 8/10;
}

.four-col-even .dropdown-menu .inner-bg li:nth-of-type(4) {
	grid-column: 11/13;
}

@media (max-width: 1050px) {
	
	header.document-header .header-middle .left-quote,
	header.document-header .header-middle .right-quote {
		align-self: center;
		height: auto;
	}
	
	header.document-header .header-middle .right-quote {
		text-align: right;
	}
	
	nav.primary-nav {
		padding-bottom: 0;
	}
	
	.mobile-hamburger {
		display: inline-block;
    	font-size: 32px;
	}
	
	.mobile-hamburger:before {
		content: '\2630';
		color: #04a2ac;
	}
	
	.navbar-collapse {
		display: none;
	}
	
	body.menu-open .navbar-collapse {
		display: block;
	}
	
	nav.primary-nav ul.navbar-nav {
		position: relative;
		width: 100%;
		height: 80vh;
		padding-bottom: 20px;
	}
	
	nav.primary-nav ul.navbar-nav>li {
		display: block;
		text-align: left;
		padding: 5px 25px;
	}
	
	nav.primary-nav ul.navbar-nav>li {
		width: 250px;
	}
	
	nav.primary-nav ul.navbar-nav li a img {
		left: -15px;
		top: -5px;
	}
	
	nav.primary-nav ul li ul.dropdown-menu {
		width: calc(100% - 250px);
		height: 100%;
		left: 250px;
		top: 0;
		border-top: 0;
	}
	
	nav.primary-nav ul li ul .inner-bg {
		background-image: none !important;
		padding: 0;
	}
	
	nav.primary-nav ul li ul .inner-bg {
		height: auto;
	}
	
	.valign .dropdown-menu .inner-bg li {
		align-self: start;
	}
	
	.extra-top .dropdown-menu .inner-bg li {
		padding-top: 0;
	}
	
	.one-col-far-left .dropdown-menu .inner-bg li,
	.one-col-left .dropdown-menu .inner-bg li,
	.one-col-center .dropdown-menu .inner-bg li,
	.one-col-right .dropdown-menu .inner-bg li,
	.one-col-two-rows .dropdown-menu .inner-bg li:first-of-type,
	.one-col-two-rows .dropdown-menu .inner-bg li:last-of-type,
	.two-col-centered .dropdown-menu .inner-bg li:first-of-type,
	.two-col-centered-right .dropdown-menu .inner-bg li:first-of-type,
	.two-col-right .dropdown-menu .inner-bg li:first-of-type {
		grid-column: 1/8;
	}
	
	.two-col-centered .dropdown-menu .inner-bg li:last-of-type,
	.two-col-centered-right .dropdown-menu .inner-bg li:last-of-type,
	.two-col-right .dropdown-menu .inner-bg li:last-of-type {
		grid-column: 8/13;
	}
	
	.three-col-left .dropdown-menu .inner-bg li:first-of-type {
		grid-column: 2/6;
	}
	
	.three-col-left .dropdown-menu .inner-bg li:nth-of-type(2) {
		grid-column: 6/10;
	}
	
	.three-col-left .dropdown-menu .inner-bg li:nth-of-type(3) {
		grid-column: 10/13;
	}
	
	.four-col-even .dropdown-menu .inner-bg>li:first-of-type,
	.four-col-even .dropdown-menu .inner-bg>li:nth-of-type(3) {
		grid-column: 2/6;
	}
	
	.four-col-even .dropdown-menu .inner-bg>li:nth-of-type(4),
	.four-col-even .dropdown-menu .inner-bg>li:nth-of-type(2) {
		grid-column: 8/12;
	}
	
}

@media (max-width: 768px) {
	
	body.menu-open {
		overflow: hidden;
	}
	
	nav.primary-nav ul.navbar-nav {
		height: calc(100vh - 190px);
		overflow: auto;
	}
	
	nav.primary-nav ul li ul.dropdown-menu {
		position: relative;
		left: 60px;
		width: 100%;
	}
	
	nav.primary-nav ul.navbar-nav>li {
		width: 100%;
	}
	
	nav.primary-nav ul li ul .inner-bg {
		display: inline-block;
	}
	
	nav.primary-nav ul li ul ul {
		margin-left: 10px;
	}
	
	.one-col-far-left .dropdown-menu .inner-bg li,
	.one-col-left .dropdown-menu .inner-bg li,
	.one-col-center .dropdown-menu .inner-bg li,
	.one-col-right .dropdown-menu .inner-bg li,
	.one-col-two-rows .dropdown-menu .inner-bg li:first-of-type,
	.one-col-two-rows .dropdown-menu .inner-bg li:last-of-type,
	.two-col-centered .dropdown-menu .inner-bg li:first-of-type,
	.two-col-centered-right .dropdown-menu .inner-bg li:first-of-type,
	.two-col-right .dropdown-menu .inner-bg li:first-of-type,
	.two-col-centered .dropdown-menu .inner-bg li:last-of-type,
	.two-col-centered-right .dropdown-menu .inner-bg li:last-of-type,
	.two-col-right .dropdown-menu .inner-bg li:last-of-type,
	.three-col-left .dropdown-menu .inner-bg li:first-of-type,
	.three-col-left .dropdown-menu .inner-bg li:nth-of-type(2),
	.three-col-left .dropdown-menu .inner-bg li:nth-of-type(3) {
		grid-column: 1/2;
	}
	
}

@media (max-width: 480px) {
	
	.mobile-hamburger {
		font-size: 30px;
	}
	
	body.menu-open nav.primary-nav ul li.sub-closed ul.dropdown-menu {
		display: none;
	}
	
	body.menu-open nav.primary-nav ul li.sub-open ul {
		display: block;
	}
	
	nav.primary-nav ul li ul.dropdown-menu {
		left: 0px;
		margin-left: 0;
        background: #f5f5f56b;
    padding: 5px 15px;
    margin-top: 5px;
    border-radius: 10px;  
	}
    nav.primary-nav ul li ul.dropdown-menu li a {
font-size: 12px !important;    }
	
	nav.primary-nav ul li ul .inner-bg .menu-item {
		padding: 5px 0;
	}
	
}

/********************************************** Standard Page Styling **********************************************/

main {
    position: relative;
}

main .page-header.bg-image img {
	max-width: 100%;
	width: 100%;
	height: auto;
}

main .page-header h1 {
    margin-top: 100px;
    margin-bottom: 50px;
}

main .page-header.bg-image h1 {
    margin: 0;
    background-color: #04a2ac;
    color: white;
    padding: 0 100px;
}

article {
    position: relative;
    padding-bottom: 100px;
}

nav.pagination {
    position: relative;
	text-align: center;
}

section.comments-section {
    position: relative;
}

@media (max-width: 480px) {
	
	article {
		padding-bottom: 0;
	}
	
}

/********************************************* Woocommerce Shop Product Page Styling *********************************************/

.single-product main.shop {
	padding-top: 100px;
}

.woocommerce nav.woocommerce-pagination {
	padding-bottom: 50px;
}

.woocommerce-products-header h1 {    
	text-align: center;
    color: #2b2b2b;
}

.single-product main.shop .woocommerce-breadcrumb {
	margin-top: 30px;
	margin-bottom: 30px;
}

.single-product main.shop .flex-viewport {
	max-width: 542px;
    overflow: hidden;
}

.single-product main.shop .flex-viewport .woocommerce-product-gallery__wrapper,
.single-product main.shop .flex-viewport .woocommerce-product-gallery__image {
    height: 500px;
}

.single-product main.shop .flex-viewport img {
	max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.single-product main.shop div.product div.images .flex-control-thumbs li {
	margin-top: 5px;
	margin-right: 1.33%;
    width: 24%;
}

.single-product main.shop div.product div.images .flex-control-thumbs li:nth-child(4n+4) {
	margin-right: 0;
}

main.shop .woocommerce-breadcrumb,
main.shop section.custom-sort {
	text-align: center;
	margin-bottom: 82px;
}

main.shop .woocommerce-breadcrumb ul,
main.shop section.custom-sort .menu-wrapper {
	display: inline-block;
	padding-left: 0;
	list-style-type: none;
	margin: 0;
	padding: 0 50px 0 20px;
}

main.shop section.custom-sort .menu-wrapper ul.shop-nav {
	display: inline-block;
	padding: 0;
	margin: 0;
}

main.shop .woocommerce-breadcrumb ul li,
main.shop section.custom-sort .menu-wrapper li {
	font-size: 16px;
	font-family: 'Adobe Garamond', sans-serif;
	text-transform: uppercase;
	color: #dbdbdb;
	display: inline-block;
}

main.shop section.custom-sort .menu-wrapper span.filter  {
	float: left;
}

main.shop .woocommerce-breadcrumb ul li a,
main.shop section.custom-sort .menu-wrapper li a,
main.shop section.custom-sort .menu-wrapper span.filter {
	display: inline-block;
	font-size: 16px;
	font-family: 'Adobe Garamond', sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	padding: 10px 50px 10px 0;
	color: #9e28b5;
}

main.shop .woocommerce-breadcrumb ul li a:after,
main.shop section.custom-sort .menu-wrapper li a:after,
main.shop section.custom-sort .menu-wrapper .selectboxit-text:after {
	content: '\003E';    
	position: relative;
    margin-left: 10px;
    top: -2px;
}

main.shop section.custom-sort .menu-wrapper li a:hover,
main.shop section.custom-sort .menu-wrapper .selectboxit-text:hover {
	color: #dbdbdb;
}

main.shop section.custom-sort .menu-wrapper ul ul,
main.shop section.custom-sort .menu-wrapper .selectboxit-container .selectboxit-options {
	display: none;
	position: absolute;
	z-index: 999;
	background-color: white;
	border: 1px solid #9e28b5;
	border-radius: 0;
	margin-left: -20px;
	padding: 0 50px 10px 20px;
}

main.shop section.custom-sort .menu-wrapper .selectboxit-container .selectboxit-options {
	right: -50px;
}

main.shop section.custom-sort .menu-wrapper ul li:hover ul,
main.shop section.custom-sort .menu-wrapper .selectboxit-container:hover .selectboxit-options {
	display: block;
}

main.shop section.custom-sort .menu-wrapper .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
	background: none;
}

main.shop section.custom-sort .menu-wrapper ul ul li,
main.shop section.custom-sort .menu-wrapper .selectboxit-options li  {
	float: none;
	display: block;
	text-align: left;
}

main.shop section.custom-sort .menu-wrapper ul ul li a,
main.shop section.custom-sort .menu-wrapper .selectboxit-options li a {
	padding-right: 0;
}

main.shop section.custom-sort .menu-wrapper .woocommerce-ordering {
	margin-bottom: 0;
}

main.shop section.custom-sort .menu-wrapper .selectboxit-btn {
	width: auto !important;
	height: auto;
	border: 0;
	background: none;
	box-shadow: none;
}

main.shop section.custom-sort .menu-wrapper .selectboxit-arrow-container {
	display: none;
}

main.shop section.custom-sort .menu-wrapper .selectboxit-text {
	font-size: 16px;
	font-family: 'Adobe Garamond', sans-serif;
	text-transform: uppercase;
	padding: 10px 50px 10px 0;
	color: #9e28b5;
	height: auto;
	line-height: normal;
}

.woocommerce ul.products.columns-3 {
	margin: 0 auto;
	width: 100%;
	max-width: 100%;
	text-align: center;
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 0%;
    grid-row-gap: 40px;
}

.woocommerce ul.products.columns-3:before {
	display: none;
}

.woocommerce ul.products.columns-3 li.product {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0;
    float: none;
}

.woocommerce ul.products.columns-3 .woocommerce-LoopProduct-link {
	max-width: 300px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	color: #2b2b2b;
	font-size: 16px;
	padding-bottom: 0;
}

.woocommerce ul.products.columns-3 .woocommerce-LoopProduct-link h3 {
	color: #2b2b2b;
    font-weight: bold;
    font-size: 10px;
    font-family: 'avenir-book', sans-serif;
}

.woocommerce ul.products li.product .button {
	background-color: white;
	border: 1px solid #9e28b5;
	border-radius: 25px;
	color: #dbdbdb;
	padding: 8px 30px;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
	font-weight: normal;
	line-height: inherit;
}

.woocommerce ul.products li.product .button:hover {
	color: #ffffff;
	background-color:#9e28b5;
}

.woocommerce main.shop div.product .product_title {
	color: #2b2b2b;
	font-weight: normal;
	display: inline;
}

.woocommerce main.shop div.product p.price {
	color: #2b2b2b;
	font-size: 2em;
	font-weight: normal;
	font-family: 'adobe-garamond-pro', serif;
	display: inline;
	margin-left: 15px;
}

.woocommerce main.shop div.product .woocommerce-product-rating {
	margin-top: 1.618em;
}

.woocommerce main.shop .star-rating span {
	color: #9e28b5;
}

.woocommerce main.shop .woocommerce-review-link {
	text-transform: uppercase;
	color: #2b2b2b;
	font-size: 18px;
}

.woocommerce main.shop div.product form.cart {
	padding-top: 30px;
	margin-bottom: 20px;
	clear: both;
}

.single-product main.shop div.product form.cart .quantity {
    float: none;
    margin: 0 0 0 -8px;
    display: inline-block;
}

.woocommerce main.shop div.product form.cart button[type=submit],
main.posts #commentform input[type=submit],
main.my-account .woocommerce button.button,
.gform_wrapper input[type=submit],
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	background-color: transparent;
	color: #9e28b5;
	border-color: #9e28b5;
	border-radius: 25px;
	text-transform: uppercase;
	font-family: 'Adobe Garamond', sans-serif;
	font-size: 20px;
	letter-spacing: 2px;
	font-weight: normal;
	-margin-right: 20px; /* turned this off for the cart specifically */
}

.woocommerce main.shop div.product form.cart button {
	outline: 0;
}

.woocommerce main.shop div.product form.cart button.plus,
.woocommerce main.shop div.product form.cart button.minus,
main.cart-checkout .woocommerce form.woocommerce-cart-form button.plus,
main.cart-checkout .woocommerce form.woocommerce-cart-form button.minus {
	line-height: .05em;
    z-index: 9;
    border: 0;
	outline: 0;
    height: 30px;
    font-size: 30px;
    margin-top: 8px;
	cursor: pointer;
	background: none;
}

.woocommerce main.shop div.product form.cart button.plus,
main.cart-checkout .woocommerce form.woocommerce-cart-form button.plus {
	padding-right: 0;
	padding-left: 20px;
}

.woocommerce main.shop div.product form.cart button.minus {
    margin-left: -14px;
}

.woocommerce main.shop div.product form.cart button.minus:hover,
.woocommerce main.shop div.product form.cart button.plus:hover {
	-border: 1px solid #2b2b2b;
}

.woocommerce.single-product main.shop .quantity .qty {
	font-size: 20px;
	line-height: 45px;
    border: 0;
    outline: 0;
}

.woocommerce.single-product main.shop .product_meta {
	display: none;
}

.woocommerce.single-product main.shop .after-add-to-bag p {
	max-width: 390px;
}

.woocommerce .before-product-tabs {
	padding-top: 4em;
	padding-bottom: 50px;
	clear: both;
}

.woocommerce .before-product-tabs h2 {
	font-size: 30px;
}

.woocommerce .before-product-tabs p {
	max-width: 900px;
	margin: auto;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
	display: none;
}

.woocommerce div.product .woocommerce-tabs .panel h2 {
	font-size: 30px;
	color: #2b2b2b;
}

.woocommerce.brand-gavee-gold div.product .woocommerce-tabs {
	background-image: url(../../uploads/2019/03/my-account-background.png);
}

.woocommerce.brand-salts-alive div.product .woocommerce-tabs {
	background-image: url(../../uploads/2019/06/salts-alive-shop-background.jpg);
}

.woocommerce.brand-gavee-gold div.product.product_cat-supplements .woocommerce-tabs {
	background-image: url(../../uploads/2019/06/salts-alive-shop-background.jpg);
}

.woocommerce div.product .woocommerce-tabs {
	padding: 100px 0;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
    margin-bottom:80px;
}

.product-carousel-wrapper .owl-carousel {
	max-width: 90%;
	margin: 0 auto;
}

.product-carousel-wrapper .owl-carousel .owl-stage-outer {
	z-index: 1;
}

.product-carousel-wrapper .owl-carousel .owl-item {
	width: 100%;
	height: 400px;
}

.product-carousel-wrapper .owl-carousel iframe {
	width: 100%;
	height: 100%;
	border: 0;
}

.product-carousel-wrapper .owl-carousel .owl-nav {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
	width: calc(100% + 75px);
    z-index: 0;
}

.product-carousel-wrapper .owl-nav .owl-next {
    float: right;
}

.product-carousel-wrapper .owl-nav .owl-prev {
    float: left;
}


.product-carousel-wrapper .owl-nav i {
    width: 30px;
    height: 30px;
    display: block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.owl-nav i:before {
    font-size: 28pt;
	color: #9e28b5;
	transition: 1s;
	border-radius: 100%;
}

.owl-nav i:hover:before {
	background-color: #9e28b5;
	color: white;
}

.product-carousel-wrapper .owl-nav .genericon-next {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    margin-left: 48.7%;
}

.product-carousel-wrapper .owl-nav .genericon-previous {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    text-align: center;
    margin-left: 1.3%;
}

.related.products {
	clear: both;
}

@media (max-width: 992px) {
	
	main.shop .woocommerce-breadcrumb ul,
	main.shop section.custom-sort .menu-wrapper {
		padding: 0;
	}
	
	main.shop .woocommerce-breadcrumb ul li a,
	main.shop section.custom-sort .menu-wrapper li a,
	main.shop section.custom-sort .menu-wrapper span.filter {
		padding: 10px 20px 10px 0;
	}
	
}

@media (max-width: 768px) {

	.woocommerce ul.products.columns-3 {
		grid-template-columns: repeat(2, 48%);
		grid-column-gap: 4%;
		grid-row-gap: 30px;
		justify-items: center;
	}
	
	main.shop .woocommerce-breadcrumb ul,
	main.shop section.custom-sort .menu-wrapper {
		display: flex;
		flex-direction: column;
		text-align: left;
		position: relative;
	}
	
	main.shop section.custom-sort .menu-wrapper ul.shop-nav {
		display: block;
	}
	
	main.shop .woocommerce-breadcrumb ul li,
	main.shop section.custom-sort .menu-wrapper li.menu-item-has-children {
		display: block;
		width: 150px;
		text-align: right;
	}
	
	main.shop .woocommerce-breadcrumb ul li a,
	main.shop section.custom-sort .menu-wrapper li a,
	main.shop section.custom-sort .menu-wrapper span.filter {
		padding-right: 5px;
	}
	
	main.shop section.custom-sort .menu-wrapper ul ul li a,
	main.shop section.custom-sort .menu-wrapper .selectboxit-options li a {
		padding-left: 10px;
	}
	
	main.shop section.custom-sort .menu-wrapper .selectboxit-container {
		position: static;
		width: 150px;
	}
	
	main.shop section.custom-sort .menu-wrapper ul li ul,
	main.shop section.custom-sort .menu-wrapper .selectboxit-container .selectboxit-options {
		margin-left: 0;
		left: 150px;
		width: 300px;
		margin-right: 10px;
		top: 38px;
		padding: 0 10px 10px 10px;
	}
	
	main.shop section.custom-sort .selectboxit .selectboxit-option-icon-container,
	main.shop section.custom-sort .selectboxit-option-anchor .selectboxit-option-icon-container {
		display: none;
	}
	
	main.shop section.custom-sort .menu-wrapper .selectboxit-text {
		text-align: right;
		width: 100%;
		max-width: 150px;
		padding-right: 5px;
	}
	
	section.custom-sort .menu-wrapper .selectboxit-options .selectboxit-option {
		text-indent: 0;
	}
	
	main.shop .woocommerce-breadcrumb,
	main.shop section.custom-sort {
		margin-bottom: 20px;
	}
	
}

@media (max-width: 480px) {
	
	main.shop section.custom-sort .menu-wrapper li.sub-closed .sub-menu {
		display: none;
	}
	
	main.shop section.custom-sort .menu-wrapper li.sub-open .sub-menu {
		display: block;
	}
	
	main.shop section.custom-sort .menu-wrapper ul li ul,
	main.shop section.custom-sort .menu-wrapper .selectboxit-container .selectboxit-options {
		position: relative;
    	left: 0;
    	top: 0;
	}
	
	main.shop section.custom-sort .menu-wrapper ul ul li,
	main.shop section.custom-sort .menu-wrapper .selectboxit-options li {
		text-align: right;
	}
	
	main.shop section.custom-sort .menu-wrapper li a  {
		outline: 0 !important;
	}

	.woocommerce ul.products.columns-3 {
		grid-template-columns: 100%;
	}
	
	.woocommerce main.shop div.product p.price {
		font-size: 1.5em;
	}
	
	.woocommerce div.product .woocommerce-tabs {
		margin-bottom: 30px;
	}
		
	
	.woocommerce main.shop .related.products h2 {
		text-align: center;
	}
	
}

/******************************************** Woocommerce Cart Page Styling *********************************************/

main.cart-checkout {
	padding-top: 50px;
}

main.cart-checkout .page-content {
	position: relative;
}

main.cart-checkout .woocommerce {
	overflow: hidden;
}

main.cart-checkout .woocommerce-cart-form {
	float: left;
	width: 65%;
}

main.cart-checkout .cart-collaterals {
	float: right;
	width: 30%;
}

main.cart-checkout .woocommerce .cart-collaterals .cart_totals, 
main.cart-checkout .woocommerce-page .cart-collaterals .cart_totals {
	float: none;
	width: 100%;
}

body.fixed main.cart-checkout .woocommerce .cart-collaterals .cart_totals, 
body.fixed main.cart-checkout .woocommerce-page .cart-collaterals .cart_totals {
	position: fixed;
    top: 155px;
    width: 360px;
}

body.fixed.release main.cart-checkout .woocommerce .cart-collaterals .cart_totals, 
body.fixed.release main.cart-checkout .woocommerce-page .cart-collaterals .cart_totals {
	position: absolute;
	top: inherit;
	bottom: 0;
}

.woocommerce .cross-sells {
	display: inline-block;
	margin-top: 50px;
}

.woocommerce .cross-sells ul.products.columns-3 {
	margin-bottom: 0;
}

.woocommerce .cross-sells .products:after {
	display: none;
}

#add_payment_method .cart-collaterals .cart_totals table, 
.woocommerce-cart main.cart-checkout .cart-collaterals .cart_totals table,
.woocommerce-checkout main.cart-checkout .cart-collaterals .cart_totals table {
	background-color: #ececec;
	border-radius: 0;
}

main.cart-checkout .woocommerce table.shop_table tbody tr th {
	width: 65%;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 18px;
}

.woocommerce-cart main.cart-checkout .woocommerce table.shop_table .woocommerce-shipping-totals {
    height: 285px;
    transition: 0.5s;
}

.woocommerce-cart main.cart-checkout .woocommerce table.shop_table .woocommerce-shipping-totals th {
	position: absolute;
}

.woocommerce-cart main.cart-checkout .woocommerce table.shop_table .woocommerce-shipping-totals td {
	position: absolute;
	margin-top: 45px;
	padding-left: 44px;
	max-height: 245px;
	overflow: scroll;
}

main.cart-checkout .woocommerce table.shop_table .woocommerce-shipping-totals .woocommerce-shipping-methods label,
main.cart-checkout .woocommerce table.shop_table .woocommerce-shipping-totals .woocommerce-shipping-destination {
	font-size: 18px;
}

main.cart-checkout .woocommerce table.shop_table .woocommerce-shipping-totals .woocommerce-shipping-methods label {
	padding-left: 10px;
}

main.cart-checkout .woocommerce table.shop_table .woocommerce-shipping-totals .shipping-calculator-form {
	background: #ececec;
	border: 1px solid #DCC270;
    padding: 20px;
    position: relative;
    z-index: 1;
}

main.cart-checkout .woocommerce ul#shipping_method li input{
	vertical-align: middle;
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0;
    position: relative;
    top: -2px;
}

main.cart-checkout .woocommerce .woocommerce-Price-amount {
	font-weight: normal;
}

main.cart-checkout .woocommerce #respond input#submit.alt, 
main.cart-checkout .woocommerce a.button.alt, 
main.cart-checkout .woocommerce button.button.alt, 
main.cart-checkout .woocommerce input.button.alt,
.woocommerce-cart main.cart-checkout table.cart td.actions .action-wrapper .button,
main.cart-checkout .woocommerce #vip_rewards_redemptions .vip-redemption-group .button,
.woocommerce-cart main.cart-checkout .woocommerce table.shop_table .woocommerce-shipping-totals button.button,
.woocommerce button.button {
	background-color: #a1d5da;
	color: #9e28b5;
	border-radius: 25px;
	font-size: 18px;
	font-weight: normal;
}

main.cart-checkout .woocommerce .wc-proceed-to-checkout {
	padding-bottom: 0;
}

main.cart-checkout .woocommerce .wc-proceed-to-checkout a.button.alt {
	margin-bottom: 0;
}

main.cart-checkout .woocommerce table.shop_table {
	border: 0;
	border-collapse: collapse;
	margin-bottom: 0;
}

#add_payment_method table.cart img, 
.woocommerce-cart main.cart-checkout table.cart img, 
.woocommerce-checkout main.cart-checkout table.cart img {
	width: 150px;
}

#add_payment_method table.cart td,
#add_payment_method table.cart th,
.woocommerce-cart main.cart-checkout table.cart td,
.woocommerce-cart main.cart-checkout table.cart th,
.woocommerce-checkout main.cart-checkout table.cart td,
.woocommerce-checkout main.cart-checkout table.cart th {
	vertical-align: top;
	font-weight: normal;
	color: #2b2b2b;
	text-transform: uppercase;
	padding: 29px 12px 9px;
}

#add_payment_method table.cart th,
.woocommerce-cart main.cart-checkout table.cart th,
.woocommerce-checkout main.cart-checkout table.cart th {
	font-size: 18px;
	padding-top: 10px;
}

.woocommerce-cart main.cart-checkout table.cart td.actions {
	padding: 29px 0 0;
}

.woocommerce-cart main.cart-checkout table.cart td.actions .action-wrapper {
	background-color: #ececec;
	padding: 30px 20px;
}

.woocommerce-cart main.cart-checkout table.cart td.actions .action-wrapper input.input-text {
	font-size: 18px;
	padding: .5em 1em;
	border: 0;
	margin-right: 0;
	width: 140px;
}

main.cart-checkout .woocommerce td.product-quantity {
	width: 150px;
	position: relative;
}

main.cart-checkout .woocommerce form.woocommerce-cart-form .number-wrapper {
	padding: 0;
    border: 1px solid #cecece;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
	padding: 0 5px;
}

main.cart-checkout .woocommerce form.woocommerce-cart-form .quantity {
	float: left;
	width: 50%;
}

main.cart-checkout .woocommerce form.woocommerce-cart-form .quantity input {
	width: 100%;
	font-size: 18px;
    line-height: 30px;
	border: 0;
	outline: 0;
	color: #cecece;
}

main.cart-checkout .woocommerce form.woocommerce-cart-form button.plus,
main.cart-checkout .woocommerce form.woocommerce-cart-form button.minus {
	float: left;
	width: 25%;
	font-size: 28px;
	color: #cecece;
	margin-top: 0;
	padding: 0 0 4px 0;
}

main.cart-checkout .woocommerce a.remove {
	font-size: 18px;
	font-weight: normal;
	color: dark-gray !important;
	margin: auto;
	width: fit-content;
}

main.cart-checkout .woocommerce a.remove:hover {
	background: none;
	color: #9e28b5 !important;
}

main.cart-checkout .woocommerce #vip_rewards_redemptions {
	margin-top: 30px;
	background-size: cover;
    background-position: center;
    padding: 20px;
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.8)), url( ../../uploads/2018/10/shutterstock_2059524314-scaled.jpg );
}

main.cart-checkout .woocommerce #vip_rewards_redemptions h2 {
	color: #2b2b2b;
	font-size: 30px;
	text-align: center;
	margin-bottom: 0;
}

main.cart-checkout .woocommerce #vip_rewards_redemptions h3 {
	font-family: 'avenir-book', sans-serif;
	font-size: 20px;
	color: #2b2b2b;
	text-align: center;
	text-transform: none;
}

main.cart-checkout .woocommerce #vip_rewards_redemptions .vip-redemption-group {
	max-width: 700px;
	margin: auto;    
	display: grid;
    grid-template-columns: 50% 20% 30%;
	margin-bottom: 10px;
	align-items: center;
}

main.cart-checkout .woocommerce #vip_rewards_redemptions .vip-redemption-group .number-wrapper {
	border: 0;
	text-align: center;
	margin-bottom: 0;
	padding: 1px 12px;
	background-color: white;
}

main.cart-checkout .woocommerce #vip_rewards_redemptions .vip-redemption-group .plus,
main.cart-checkout .woocommerce #vip_rewards_redemptions .vip-redemption-group .minus {
	padding: 0;
	color: #2b2b2b;
	margin-top: 0;
	width: 20px;
}

main.cart-checkout .woocommerce #vip_rewards_redemptions .vip-redemption-group .plus {
	left: 12px;
}

main.cart-checkout .woocommerce #vip_rewards_redemptions .vip-redemption-group input.points {
	float: left;
	font-size: 20px;
	color: #2b2b2b;
	border: 0;
	width: calc(100% - 40px);
	text-align: center;
	outline: 0;
	line-height: 28px;
}

main.cart-checkout .woocommerce #vip_rewards_redemptions .vip-redemption-group button.button {
	outline: 0;
}

main.cart-checkout .woocommerce #vip_rewards_redemptions .vip-redemption-group .disabled .plus,
main.cart-checkout .woocommerce #vip_rewards_redemptions .vip-redemption-group .disabled .minus,
main.cart-checkout .woocommerce #vip_rewards_redemptions .vip-redemption-group .disabled input.points  {
	color: #ccc;
}

main.cart-checkout .woocommerce #vip_rewards_redemptions .vip-redemption-group .disabled + button {
	display: none;
}

main.cart-checkout .woocommerce #vip_rewards_redemptions .vip-redemption-group .remove-rewards {
	display: grid;
	grid-template-columns: 85% 15%;
	align-items: center;
}

main.cart-checkout .woocommerce #vip_rewards_redemptions .vip-redemption-group .remove-rewards .remove-reward {
	grid-column: 2/3;
    grid-row: 1/2;
	font-size: 20px;
    background-color: #DCC270;
    height: 25px;
    padding-top: 2px;
    color: white !important;
    width: 100%;
    align-self: center;
}

main.cart-checkout .woocommerce #vip_rewards_redemptions .vip-redemption-group .remove-rewards .points {
	grid-column: 1/2;
    font-size: 16px;
    text-align: center;
}

@media (max-width: 1200px) {
	
	main.cart-checkout .woocommerce-cart-form {
		width: 60%;
	}
	
	main.cart-checkout .cart-collaterals {
		min-width: 37%;
	}
	
	main.cart-checkout .woocommerce #vip_rewards_redemptions .vip-redemption-group {
		grid-template-columns: 46% 20% 34%;
	}
	
	.woocommerce button.button {
		letter-spacing: 0;
	}
}

@media (max-width: 992px) {
	
	main.cart-checkout .woocommerce-cart-form,
	main.cart-checkout .cart-collaterals {
		width: 100%;
		min-width: none;
	}
   
	
	main.cart-checkout .woocommerce-cart-form {
		margin-bottom: 50px;
	}
	
	main.cart-checkout .woocommerce table.shop_table .woocommerce-shipping-totals .shipping-calculator-form {
		position: absolute;
    	top: -60px;
    	right: -100%;
	}
	
	main.cart-checkout .woocommerce .wc-proceed-to-checkout {
		padding: 1em;
	}
	
}

@media (max-width: 768px) {
	
	main.cart-checkout .woocommerce table.shop_table.cart tbody td {
		display: table-cell;
	}
	
	main.cart-checkout .woocommerce table.shop_table.cart tbody .cart_item td a,
	main.cart-checkout .woocommerce form.woocommerce-cart-form .cart_item .number-wrapper {
		display: inline-block;
		text-align: left;
		margin-top: 5px;
	}
	
	main.cart-checkout .woocommerce table.shop_table.cart tbody td.product-name {
		width: 300px;
	}
	
	.woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
		content: attr(data-title);
		text-align: left;
	}
	
	main.cart-checkout .woocommerce table.shop_table.cart tbody td.product-subtotal .woocommerce-Price-amount {
		vertical-align: sub;
	}
	
	main.cart-checkout .woocommerce table.shop_table.cart tbody td.product-quantity a {
	    text-align: center;
	    display: block;
	    width: 100%;
	}
	
	main.cart-checkout .woocommerce table.shop_table.cart tbody td.actions {
		display: block;
	}
	
	main.cart-checkout .woocommerce table.shop_table.cart tbody td.product-thumbnail:before {
		display: none;
	}
	
	.woocommerce table.shop_table_responsive tr:nth-child(2n) td,
	.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
		background-color: transparent;
	}
	
	.woocommerce table.cart td.actions .coupon .input-text+.button {
		float: none;
		width: 225px;
	}
	
	.woocommerce-cart main.cart-checkout table.cart td.actions .action-wrapper .button[name=update_cart] {
		width: 165px;
		float: right;
	}
	
	.woocommerce-cart main.cart-checkout table.cart td.actions .action-wrapper {
		overflow: hidden;
		padding: 20px;
	}
	
	.woocommerce #content table.cart td.actions .coupon,
	.woocommerce table.cart td.actions .coupon,
	.woocommerce-page #content table.cart td.actions .coupon,
	.woocommerce-page table.cart td.actions .coupon {
		padding-bottom: 0;
		float: left;
	}
	
	main.cart-checkout .woocommerce table.shop_table.cart  tr:nth-child(2n) td {
		background-color: white;
	}
	
	main.cart-checkout .woocommerce table.shop_table .woocommerce-shipping-totals .shipping-calculator-form {
		position: relative;
    	top: inherit;
    	right: inherit;
		max-width: 350px;
		margin-left: auto;
	}
	
	.woocommerce-cart main.cart-checkout .woocommerce table.shop_table .woocommerce-shipping-totals td {
		position: relative;
    	margin-top: 0;
    	padding-left: 12px;
    	text-align: right !important;
	}
	
	.woocommerce ul#shipping_method {
		text-align: left;
    	display: inline-block;
	}
	
	main.cart-checkout .woocommerce table.shop_table .woocommerce-shipping-totals .woocommerce-shipping-destination {
		max-width: 350px;
    	display: inline-block;
	}
	
	.woocommerce-cart main.cart-checkout .woocommerce table.shop_table .woocommerce-shipping-totals {
		height: auto;
	}
	
}

@media (max-width: 650px) {
	
	.woocommerce-cart main.cart-checkout article {
		max-width: 400px;
		margin: auto;
	}
	
	main.cart-checkout .woocommerce table.shop_table.cart table,
	main.cart-checkout .woocommerce table.shop_table.cart thead,
	main.cart-checkout .woocommerce table.shop_table.cart tbody,
	main.cart-checkout .woocommerce table.shop_table.cart td,
	main.cart-checkout .woocommerce table.shop_table.cart tr { 
			display: block !important; 
	}
		
	main.cart-checkout .woocommerce table.shop_table.cart,
	main.cart-checkout .woocommerce-cart-form {
		margin-bottom: 10px;
	}
	
	main.cart-checkout .woocommerce table.shop_table.cart tr {
		border-bottom: 1px solid #ececec;
	}
		
	main.cart-checkout .woocommerce table.shop_table.cart th {
		display: none;
	}
	
	main.cart-checkout .woocommerce table.shop_table.cart tr:first-of-type td.product-thumbnail {
		padding-top: 0;
	}
	
	#add_payment_method table.cart img,
	.woocommerce-cart main.cart-checkout table.cart img,
	.woocommerce-checkout main.cart-checkout table.cart img {
		width: 100%;
		max-width: 275px;
	}
	
	.woocommerce-cart main.cart-checkout table.cart td.actions .action-wrapper {
		padding: 10px;
		text-align: center;
	}
	
	.woocommerce table.shop_table.cart tr td::before, .woocommerce-page table.shop_table.cart tr td::before {
		width: 100%;
		text-align: center;
	}
	
	main.cart-checkout .woocommerce table.shop_table.cart tbody .cart_item td a {
		text-align: center;
	}
	
	main.cart-checkout .woocommerce table.shop_table.cart tbody td {
		padding-top: 10px;
		width: 100% !important;
		text-align: center !important;
	}
	
	.woocommerce #content table.cart td.actions .coupon,
	.woocommerce table.cart td.actions .coupon,
	.woocommerce-page #content table.cart td.actions .coupon,
	.woocommerce-page table.cart td.actions .coupon {
		float: none;
	}
	
	.woocommerce-cart main.cart-checkout table.cart td.actions .action-wrapper input.input-text,
	.woocommerce table.cart td.actions .coupon .input-text+.button,
	.woocommerce-cart main.cart-checkout table.cart td.actions .action-wrapper .button[name=update_cart] {
		width: 100%;
		margin-bottom: 10px;
		float: none;
	}
	
	main.cart-checkout .woocommerce #vip_rewards_redemptions {
		padding: 20px 10px;
		margin-top: 0;
	}
	
	main.cart-checkout .woocommerce #vip_rewards_redemptions .vip-redemption-group {
		grid-template-columns: 40% 60%;
		grid-row-gap: 10px;
	}
	
	main.cart-checkout .woocommerce #vip_rewards_redemptions .vip-redemption-group label {
		grid-column: 1/3;
	}
	
	main.cart-checkout .woocommerce #vip_rewards_redemptions .vip-redemption-group button.button {
		padding: 0.618em 10px;
	}
	
	main.cart-checkout .woocommerce .wc-proceed-to-checkout {
	    padding: 5px;
	}
	
	main.cart-checkout .woocommerce .wc-proceed-to-checkout a.button.alt {
		line-height: 1.2;
		letter-spacing: inherit;
	}
	
}

/************************************************* Checkout Page Styling ************************************************/

/*.checkout-no-email #billing_email_field {
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    background: white;
    padding: 40px
} */

main.cart-checkout .woocommerce form.checkout #customer_details,
main.cart-checkout .woocommerce form #order_review_heading,
main.cart-checkout .woocommerce form #order_review .shop_table,
#add_payment_method #payment, 
.woocommerce-cart main.cart-checkout #payment, 
.woocommerce-checkout main.cart-checkout #payment {
	background-color: #ececec;
	padding: 20px;
}

main.cart-checkout .woocommerce form.checkout h3,
main.my-account .woocommerce-MyAccount-content form h3 {
	color: #2b2b2b;
}

main.cart-checkout .woocommerce form.checkout input:not([type=checkbox]):not([type=radio]):not([type=submit]),
main.cart-checkout .woocommerce form.checkout textarea,
main.my-account .woocommerce-MyAccount-content form input:not([type=checkbox]):not([type=radio]):not([type=submit]),
main.my-account .woocommerce form .form-row input.input-text, 
main.my-account .woocommerce form .form-row textarea,
.woocommerce-Reviews .comment-form input:not([type=checkbox]):not([type=radio]):not([type=submit]),
.comments-section .comment-form input:not([type=checkbox]):not([type=radio]):not([type=submit]),
.woocommerce-checkout .select2-container .select2-search--dropdown input,
.woocommerce-cart main.cart-checkout .woocommerce table.shop_table .woocommerce-shipping-totals input,
.woocommerce form .form-row .input-text,
.woocommerce-page form .form-row .input-text {
	height: 35px;
	font-size: 16px;
	padding: 0 10px;
	border: 0;
}

.woocommerce-Reviews .comment-form input:not([type=checkbox]):not([type=radio]):not([type=submit]),
.comments-section .comment-form input:not([type=checkbox]):not([type=radio]):not([type=submit]) {
	border: 1px solid #999;
}

.woocommerce-Reviews .comment-form input:not([type=checkbox]):not([type=radio]):not([type=submit]),
.woocommerce-Reviews .comment-form textarea,
.woocommerce-checkout .select2-container .select2-search--dropdown input:focus {
	outline-color: #9e28b5;
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
	display: grid;
	grid-template-columns: 30% 70%;
}

main.cart-checkout .woocommerce form.checkout input:focus,
main.cart-checkout .woocommerce form.checkout textarea:focus,
main.my-account .woocommerce-MyAccount-content form input:focus,
main.my-account .woocommerce form .form-row input.input-text:focus, 
main.my-account .woocommerce form .form-row textarea:focus,
main.cart-checkout .woocommerce form.checkout input:hover,
main.cart-checkout .woocommerce form.checkout textarea:hover,
main.my-account .woocommerce-MyAccount-content form input:hover,
main.my-account .woocommerce form .form-row input.input-text:hover, 
main.my-account .woocommerce form .form-row textarea:hover,
main.my-account .woocommerce-MyAccount-content form .woocommerce-input-wrapper .selectboxit-container:focus,
main.my-account .woocommerce-MyAccount-content form .woocommerce-input-wrapper .selectboxit-container:hover,
main.cart-checkout .woocommerce .woocommerce-shipping-calculator  .selectboxit-container:hover,
main.cart-checkout .woocommerce .woocommerce-shipping-calculator  .selectboxit-container:focus,
main.cart-checkout .woocommerce form .form-row .select2-selection:hover,
main.cart-checkout .woocommerce form .form-row .select2-selection:focus,
.woocommerce button.button:hover,
.woocommerce button.button:focus,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover {
	background-color: #9e28b5;
	color: white !important;
}
.woocommerce main.shop div.product form.cart .single_add_to_cart_button:hover {
    background-color: #9e28b5 !important;
}
main.cart-checkout .woocommerce form.checkout textarea {
	height: 40px;
	padding: 10px;
}

main.cart-checkout .woocommerce form .form-row label,
main.my-account .woocommerce-MyAccount-content form label {
	font-size: 14px;
    line-height: 1.4;
    text-transform: uppercase;
}

main.my-account .woocommerce-MyAccount-content form .woocommerce-input-wrapper .selectboxit-container,
main.my-account .woocommerce-MyAccount-content form .woocommerce-input-wrapper .selectboxit-container .selectboxit,
main.cart-checkout .woocommerce .woocommerce-shipping-calculator  .selectboxit-container,
main.cart-checkout .woocommerce .woocommerce-shipping-calculator  .selectboxit-container .selectboxit {
	width: 100% !important;
}

main.cart-checkout .woocommerce form .woocommerce-input-wrapper .selection > span,
main.my-account .woocommerce-MyAccount-content form .woocommerce-input-wrapper .selectboxit-container > span,
main.cart-checkout .woocommerce .woocommerce-shipping-calculator .selection > span,
main.cart-checkout .woocommerce .woocommerce-shipping-calculator  .selectboxit-container > span {
	height: 35px;
	border: 0;
	border-radius: 0;
}

main.my-account .woocommerce-MyAccount-content form .woocommerce-input-wrapper .selectboxit-container > span,
main.cart-checkout .woocommerce .woocommerce-shipping-calculator  .selectboxit-container > span {
	background-color: white;
	background-image: none;
}

main.cart-checkout .woocommerce form .woocommerce-input-wrapper .selection > span > span,
main.my-account .woocommerce-MyAccount-content form .selection > span > span,
main.my-account .woocommerce-MyAccount-content form .woocommerce-input-wrapper .selectboxit-container .selectboxit-text,
main.cart-checkout .woocommerce .woocommerce-shipping-calculator .selection > span > span,
main.cart-checkout .woocommerce .woocommerce-shipping-calculator  .selectboxit-container .selectboxit-text {
	line-height: 35px;
	font-size: 16px;
	font-weight: 500;
	padding: 0 10px;
	color: #2b2b2b;
	max-width: 100% !important;
	text-indent: 0;
}

.woocommerce-checkout .select2-container .select2-search--dropdown,
.woocommerce-checkout .select2-container .select2-search--dropdown input,
.woocommerce-checkout .select2-container .select2-results__options,
main.my-account .woocommerce-MyAccount-content form .woocommerce-input-wrapper .selectboxit-container .selectboxit-options,
main.cart-checkout .woocommerce .woocommerce-shipping-calculator  .selectboxit-container .selectboxit-options {
	width: 100%;
	border-radius: 0;
	border: 1px solid #9e28b5;
}

main.cart-checkout .woocommerce .woocommerce-shipping-calculator  .selectboxit-container .selectboxit-option-icon-container {
	margin-left: 0;
}

.woocommerce-checkout .select2-container .select2-search--dropdown {
	border-bottom: 0;
}

.woocommerce-checkout .select2-container .select2-results__option--highlighted,
.woocommerce-checkout .select2-container .select2-results__option--highlighted:focus,
.woocommerce-checkout .select2-container--default .select2-results__option[data-selected=true]:hover,
main.my-account .woocommerce-MyAccount-content form .woocommerce-input-wrapper .selectboxit-container .selectboxit-option.selectboxit-focus a,
main.cart-checkout .woocommerce .woocommerce-shipping-calculator  .selectboxit-container .selectboxit-option.selectboxit-focus a {
	background: #9e28b5;
}

.woocommerce-checkout .select2-container--default .select2-results__option[data-selected=true] {
	background: none;
	color: #2b2b2b;
	outline: 0 !important;
}

.woocommerce-checkout .select2-container--default .select2-results__option[data-selected=true]:hover {
	color: white;
}

main.cart-checkout .woocommerce form #billing_company_field,
main.cart-checkout .woocommerce form #billing_country_field,
main.cart-checkout .woocommerce form #billing_phone_field,
main.cart-checkout .woocommerce form #billing_email_field,
main.cart-checkout .woocommerce form #shipping_company_field,
main.cart-checkout .woocommerce form #shipping_country_field,
main.my-account .woocommerce-MyAccount-content form #shipping_company_field,
main.my-account .woocommerce-MyAccount-content form #shipping_country_field,
main.my-account .woocommerce-MyAccount-content form #billing_company_field,
main.my-account .woocommerce-MyAccount-content form #billing_country_field,
main.my-account .woocommerce-MyAccount-content form #billing_phone_field,
main.my-account .woocommerce-MyAccount-content form #billing_email_field {
	width: 47%;
}

main.cart-checkout .woocommerce form #billing_company_field,
main.cart-checkout .woocommerce form #billing_city_field,
main.cart-checkout .woocommerce form #billing_state_field,
main.cart-checkout .woocommerce form #billing_postcode_field,
main.cart-checkout .woocommerce form #billing_phone_field,
main.cart-checkout .woocommerce form #shipping_company_field,
main.cart-checkout .woocommerce form #shipping_city_field,
main.cart-checkout .woocommerce form #shipping_state_field,
main.cart-checkout .woocommerce form #shipping_postcode_field,
main.my-account .woocommerce-MyAccount-content form #shipping_company_field,
main.my-account .woocommerce-MyAccount-content form #shipping_city_field,
main.my-account .woocommerce-MyAccount-content form #shipping_state_field,
main.my-account .woocommerce-MyAccount-content form #shipping_postcode_field,
main.my-account .woocommerce-MyAccount-content form #billing_company_field,
main.my-account .woocommerce-MyAccount-content form #billing_city_field,
main.my-account .woocommerce-MyAccount-content form #billing_state_field,
main.my-account .woocommerce-MyAccount-content form #billing_postcode_field,
main.my-account .woocommerce-MyAccount-content form #billing_phone_field {
	float: left;
}

main.cart-checkout .woocommerce form #billing_country_field,
main.cart-checkout .woocommerce form #billing_email_field,
main.cart-checkout .woocommerce form #shipping_country_field,
main.my-account .woocommerce-MyAccount-content form #shipping_country_field,
main.my-account .woocommerce-MyAccount-content form #billing_country_field,
main.my-account .woocommerce-MyAccount-content form #billing_email_field {
	float: right;
}

main.cart-checkout .woocommerce form #billing_country_field,
main.cart-checkout .woocommerce form #billing_city_field,
main.cart-checkout .woocommerce form #billing_state_field,
main.cart-checkout .woocommerce form #billing_postcode_field,
main.cart-checkout .woocommerce form #billing_email_field,
main.cart-checkout .woocommerce form #shipping_country_field,
main.cart-checkout .woocommerce form #shipping_city_field,
main.cart-checkout .woocommerce form #shipping_state_field,
main.cart-checkout .woocommerce form #shipping_postcode_field,
main.my-account .woocommerce-MyAccount-content form #shipping_country_field,
main.my-account .woocommerce-MyAccount-content form #shipping_city_field,
main.my-account .woocommerce-MyAccount-content form #shipping_state_field,
main.my-account .woocommerce-MyAccount-content form #shipping_postcode_field,
main.my-account .woocommerce-MyAccount-content form #billing_country_field,
main.my-account .woocommerce-MyAccount-content form #billing_city_field,
main.my-account .woocommerce-MyAccount-content form #billing_state_field,
main.my-account .woocommerce-MyAccount-content form #billing_postcode_field,
main.my-account .woocommerce-MyAccount-content form #billing_email_field {
	clear: none;
}

main.cart-checkout .woocommerce form #billing_city_field,
main.cart-checkout .woocommerce form #billing_state_field,
main.cart-checkout .woocommerce form #billing_postcode_field,
main.cart-checkout .woocommerce form #shipping_city_field,
main.cart-checkout .woocommerce form #shipping_state_field,
main.cart-checkout .woocommerce form #shipping_postcode_field,
main.my-account .woocommerce-MyAccount-content form #shipping_city_field,
main.my-account .woocommerce-MyAccount-content form #shipping_state_field,
main.my-account .woocommerce-MyAccount-content form #shipping_postcode_field,
main.my-account .woocommerce-MyAccount-content form #billing_city_field,
main.my-account .woocommerce-MyAccount-content form #billing_state_field,
main.my-account .woocommerce-MyAccount-content form #billing_postcode_field {
	width: 32%;
}

main.cart-checkout .woocommerce form #billing_city_field,
main.cart-checkout .woocommerce form #billing_state_field,
main.cart-checkout .woocommerce form #shipping_city_field,
main.cart-checkout .woocommerce form #shipping_state_field,
main.my-account .woocommerce-MyAccount-content form #shipping_city_field,
main.my-account .woocommerce-MyAccount-content form #shipping_state_field,
main.my-account .woocommerce-MyAccount-content form #billing_city_field,
main.my-account .woocommerce-MyAccount-content form #billing_state_field {
	margin-right: 2%;
}

main.cart-checkout .woocommerce form #order_review_heading {
	margin-top: 50px;
	margin-bottom: 0;
}

main.cart-checkout .woocommerce table.shop_table {
	border-radius: 0;
	margin-bottom: 50px;
}

main.cart-checkout .woocommerce table.shop_table th:first-child {
	padding-left: 20px;
}

.woocommerce-checkout main.cart-checkout .woocommerce table.shop_table td:first-child {
	padding-left: 40px;
}

main.cart-checkout .woocommerce table.shop_table tbody td {
	-color: #9e28b5;
}

main.cart-checkout .woocommerce table.shop_table tbody th,
main.cart-checkout .woocommerce table.shop_table tfoot td,
main.cart-checkout .woocommerce table.shop_table tfoot th ,
main.cart-checkout .woocommerce table.shop_table td {
	border-top: 0;
}

main.cart-checkout .woocommerce table.shop_table .order-total th,
main.cart-checkout .woocommerce table.shop_table .order-total td {
	padding-bottom: 20px;
}

/************************************************ Thank You Page Styling ************************************************/

.woocommerce-order-received main.cart-checkout {
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.8)), url( ../../uploads/2018/10/shutterstock_2059524314-scaled.jpg );
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

main.cart-checkout .woocommerce .woocommerce-order-overview {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-left: 0;
	margin: 50px 0;
}

main.cart-checkout .woocommerce .woocommerce-order-overview li strong {
	color: #dbdbdb;
}

main.cart-checkout .woocommerce .woocommerce-order-details,
main.cart-checkout .woocommerce .woocommerce-customer-details {
	background-color: rgba(255,255,255,0.8);
    padding: 40px 30px 20px;
}

main.cart-checkout .woocommerce .woocommerce-order-details h2,
main.cart-checkout .woocommerce .woocommerce-customer-details h2 {
	display: none;
	color: #2b2b2b;
	font-size: 24px;
}

main.cart-checkout .woocommerce .woocommerce-customer-details .woocommerce-column--billing-address h2,
main.cart-checkout .woocommerce .woocommerce-customer-details .woocommerce-column--shipping-address h2 {
	display: block;
}

main.cart-checkout .woocommerce .woocommerce-order-details .woocommerce-table,
main.cart-checkout .woocommerce .woocommerce-customer-details .addresses {
	margin-bottom: 0;
	background-color: rgba(0,0,0,0.08);
    border: 20px solid rgba(0,0,0,0.001);
}

main.cart-checkout .woocommerce .woocommerce-customer-details address {
	border: 0;
}

@media (max-width: 992px) {
	
	.woocommerce .col2-set:not('.woocommerce-columns--addresses') .col-1,
	.woocommerce .col2-set:not('.woocommerce-columns--addresses') .col-2,
	.woocommerce-page .col2-set .col-1,
	.woocommerce-page .col2-set .col-2 {
		float: none;
		width: 100%;
	}
	
	main.cart-checkout .woocommerce .woocommerce-order-overview {
		flex-wrap: wrap;
		margin: -10px;
		padding: 30px 0;
	}
	
	main.cart-checkout .woocommerce .woocommerce-order-overview li {
		margin: 10px;
		text-align: center;
		padding-right: 0;
		border: 0;
		flex: 1 1 auto;
	}
	
}

@media (max-width: 768px) {
	
	main.cart-checkout .woocommerce table.shop_table tfoot .woocommerce-shipping-totals th {
		display: block;
	}
	
	main.cart-checkout .woocommerce table.shop_table tfoot .woocommerce-shipping-totals td {
		width: 100%;
		display: block;
		margin-left: 100px;
	}
	
	main.cart-checkout .woocommerce form.checkout #customer_details {
		padding: 20px 5px;
	}
	
	.woocommerce  .woocommerce-columns--addresses.col2-set .col-1 {
		margin-bottom: 30px;
	}
	
}

@media (max-width: 480px) {
	
	main.cart-checkout .woocommerce form.checkout #customer_details,
	main.cart-checkout .woocommerce form #order_review_heading,
	main.cart-checkout .woocommerce form #order_review .shop_table,
	#add_payment_method #payment, .woocommerce-cart main.cart-checkout #payment,
	.woocommerce-checkout main.cart-checkout #payment {
		padding: 10px 5px;
	}
	
	.woocommerce table.shop_table th,
	main.cart-checkout .woocommerce table.shop_table th:first-child {
		padding: 9px 10px;
	}
	
	.woocommerce-checkout main.cart-checkout .woocommerce table.shop_table td:first-child {
		padding-left: 20px;
	}
	
	.woocommerce table.shop_table th,
	.woocommerce table.shop_table td {
		font-size: 18px;
	}
	
	.woocommerce form .form-row-first,
	.woocommerce form .form-row-last,
	.woocommerce-page form .form-row-first,
	.woocommerce-page form .form-row-last,
	main.cart-checkout .woocommerce form #billing_company_field,
	main.cart-checkout .woocommerce form #billing_address_1_field,
	main.cart-checkout .woocommerce form #billing_address_2_field,
	main.cart-checkout .woocommerce form #billing_city_field,
	main.cart-checkout .woocommerce form #billing_state_field,
	main.cart-checkout .woocommerce form #billing_postcode_field,
	main.cart-checkout .woocommerce form #billing_phone_field,
	main.cart-checkout .woocommerce form #shipping_company_field,
	main.cart-checkout .woocommerce form #shipping_address_1_field,
	main.cart-checkout .woocommerce form #shipping_address_2_field,
	main.cart-checkout .woocommerce form #shipping_city_field,
	main.cart-checkout .woocommerce form #shipping_state_field,
	main.cart-checkout .woocommerce form #shipping_postcode_field,
	main.cart-checkout .woocommerce form #shipping_phone_field,
	main.cart-checkout .woocommerce form #order_comments_field,
	main.my-account .woocommerce-MyAccount-content form #shipping_company_field,
	main.my-account .woocommerce-MyAccount-content form #shipping_city_field,
	main.my-account .woocommerce-MyAccount-content form #shipping_state_field,
	main.my-account .woocommerce-MyAccount-content form #shipping_postcode_field,
	main.my-account .woocommerce-MyAccount-content form #billing_company_field,
	main.my-account .woocommerce-MyAccount-content form #billing_city_field,
	main.my-account .woocommerce-MyAccount-content form #billing_state_field,
	main.my-account .woocommerce-MyAccount-content form #billing_postcode_field,
	main.my-account .woocommerce-MyAccount-content form #billing_phone_field,
	main.cart-checkout .woocommerce form #billing_country_field,
	main.cart-checkout .woocommerce form #billing_email_field,
	main.cart-checkout .woocommerce form #shipping_country_field,
	main.my-account .woocommerce-MyAccount-content form #shipping_country_field,
	main.my-account .woocommerce-MyAccount-content form #billing_country_field,
	main.my-account .woocommerce-MyAccount-content form #billing_email_field {
		width: 99%;
		float: none;
		margin-bottom: 10px;
	}
	
	.woocommerce .col2-set .col-1 {
		margin-bottom: 30px;
	}
	
	main.cart-checkout .woocommerce form.checkout textarea {
		height: 100px;
	}
	
	main.cart-checkout .woocommerce table.shop_table tfoot .woocommerce-shipping-totals {
		height: 180px;
	}
	
	main.cart-checkout .woocommerce table.shop_table tfoot .woocommerce-shipping-totals td {
		margin-left: 10px;
		width: 295px;
		position: absolute;
	}
	
	main.cart-checkout .woocommerce .woocommerce-form-coupon button.button {
		width: 100%;
	}
	
	main.cart-checkout .woocommerce .woocommerce-order-details,
	main.cart-checkout .woocommerce .woocommerce-customer-details {
		padding: 10px;
	}	
	
	.woocommerce-order-received main.cart-checkout .woocommerce table.shop_table th:first-child {
		padding-left: 0;
	}
	
	.woocommerce-order-received .shop_table.order_details tfoot tr:nth-of-type(3) {
		height: 90px;
	}
	
	.woocommerce-order-received .shop_table.order_details tfoot tr:nth-of-type(3) th {
		display: block;
	}
	
	.woocommerce-order-received .shop_table.order_details tfoot tr:nth-of-type(3) td {
		display: block;
    	position: absolute;
	}
	
}

/********************************************* My Account Page Styling *********************************************/



.woocommerce-account main.my-account {
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.8), rgba(255,255,255,0.8)), url( ../../uploads/2018/10/shutterstock_2059524314-scaled.jpg );
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
}

.woocommerce-account main.my-account h1 {
	margin-top: 0;
	margin-bottom: 30px;
	padding-left: 20px;
	padding-top: 50px;
	color: #2b2b2b;
}

.woocommerce-account main.my-account .woocommerce-MyAccount-navigation,
.woocommerce-account main.my-account .woocommerce-MyAccount-content,
.woocommerce div.product .woocommerce-tabs ul.tabs {
	background-color: rgba(153, 204, 204, 0.2);
	width: 300px;
	padding: 40px 30px 20px;
	float: left;
}

.woocommerce-account main.my-account .woocommerce-MyAccount-navigation ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.woocommerce-account main.my-account .woocommerce-MyAccount-navigation ul li,
.woocommerce div.product .woocommerce-tabs ul.tabs li {
	background-color: transparent;
	margin-bottom: 20px;
	border: 0;
	width: 100%;
	padding: 0;
}

.woocommerce-account main.my-account .woocommerce-MyAccount-navigation ul li a,
.woocommerce-account main.my-account .woocommerce-MyAccount-content .woocommerce-button,
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	display: block;
	width: 100%;
	padding: 10px 10px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: #9e28b5;
	background-color: #a1d5da;
	font-weight: normal;
}

.woocommerce-account main.my-account .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-account main.my-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a  {
	color: white;
	background-color: #04a2ac;
}

.woocommerce-account main.my-account .woocommerce-MyAccount-content,
.woocommerce div.product .woocommerce-tabs .panel {
	float: right;
	background-color: rgba(255,255,255,0.8);
	width: calc(100% - 350px);
	padding: 40px 30px 20px;
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
	background-color: rgba(153, 204, 204, 0.2);
	padding: 40px 30px 20px;
	border: 0;
	border-radius: 0;
}

.woocommerce div.product .woocommerce-tabs .panel {
	overflow: auto;
	min-height: 556px;
}

.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--features-benefits {
	display: grid;
	grid-template-columns: repeat(2, 48%);
	grid-template-rows: 60px 30px auto;
	grid-column-gap: 4%;
	grid-row-gap: 20px;
}

.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--features-benefits h2 {
	grid-column: 1/3;
}

.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--features-benefits ul {
	padding-left: 17px;
	margin: 0;
}

.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--features-benefits h3:first-of-type {
	grid-column: 1/2;
	grid-row: 2/3;
}

.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--features-benefits ul:first-of-type {
	grid-column: 1/2;
	grid-row: 3/4;
}

.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--features-benefits h3:last-of-type {
	grid-column: 2/3;
	grid-row: 2/3;
}

.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--features-benefits ul:last-of-type {
	grid-column: 2/3;
	grid-row: 3/4;
}

.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--features-benefits p {
	display: none;
}

.woocommerce-account main.my-account .woocommerce-MyAccount-content h2 {
	font-size: 32px;
}

.woocommerce-account main.my-account .woocommerce-MyAccount-content .vip-reward-stats p.stats {
	background-color: #dbdbdb;
}

.woocommerce-account main.my-account .woocommerce-MyAccount-content .since-date {
	color: #dbdbdb;
}

.woocommerce-account main.my-account .woocommerce-MyAccount-content .cancel-vip button.button.cancel-button {
	color: white;
	margin-top: 0;
}

.woocommerce-account main.my-account .woocommerce-MyAccount-content .woocommerce-button {
	width: auto;
	padding: 10px 20px;
	color: #9e28b5;
	background-color: transparent;
	border-radius: 25px;
}

.woocommerce-account main.my-account .woocommerce-MyAccount-content .woocommerce-button:first-child {
	margin-bottom: 5px;
}

.woocommerce-account main.my-account .woocommerce-MyAccount-content .woocommerce-button:hover,
.woocommerce-account main.my-account .woocommerce button.button:hover {
	color: white;
	background-color: #9e28b5;
}

.woocommerce-account main.my-account .woocommerce-MyAccount-content .woocommerce-order-details,
.woocommerce-account main.my-account .woocommerce-MyAccount-content .woocommerce-customer-details,
.woocommerce-account main.my-account .woocommerce-MyAccount-content form,
.woocommerce-account main.my-account .woocommerce-Addresses {
	background-color: rgba(0,0,0,0.05);
	padding: 20px;
}

.woocommerce-account main.my-account .woocommerce-MyAccount-content .woocommerce-order-details h2,
.woocommerce-account main.my-account .woocommerce-MyAccount-content .woocommerce-customer-details  h2,
.woocommerce-account main.my-account .woocommerce-Addresses h3 {
	color: #2b2b2b;
}

.woocommerce-account main.my-account .woocommerce-MyAccount-content .woocommerce-orders-table,
.woocommerce-account main.my-account .woocommerce-MyAccount-content .woocommerce-orders-table td,
.woocommerce-account main.my-account .woocommerce-MyAccount-content .woocommerce-order-details .order_details,
.woocommerce-account main.my-account .woocommerce-MyAccount-content .woocommerce-order-details .order_details td,
.woocommerce-account main.my-account .woocommerce-MyAccount-content .woocommerce-order-details .order_details th,
.woocommerce-account main.my-account .woocommerce-MyAccount-content .woocommerce-customer-details address {
	border: 0;
}

.woocommerce-account main.my-account .woocommerce-MyAccount-content .woocommerce-orders-table th {
	text-transform: uppercase;
	padding-bottom: 10px;
	border-bottom: 2px solid #2b2b2b;
}

.woocommerce-account main.my-account .woocommerce-MyAccount-content .woocommerce-orders-table td {
	padding: 10px 8px;
}

.woocommerce-account main.my-account .woocommerce-MyAccount-content .woocommerce-orders-table tbody tr:first-child td {
	padding-top: 20px;
}

.woocommerce-address-fields__field-wrapper + p {
	margin-bottom: 0;
}

.woocommerce-account main.my-account .woocommerce button.button,
.gform_wrapper input[type=submit] {
	margin-top: 20px;
	color: white;
	font-size: 20px;
	outline: 0;
}

.woocommerce-account main.my-account .woocommerce #account_display_name + span em {
	font-size: 14px;
}

.woocommerce-account main.my-account .woocommerce #account_email {
	margin-bottom: 30px;
}

.woocommerce-account main.my-account .woocommerce fieldset,
.woocommerce-Reviews .comment-form .comment-form-rating  {
	margin-bottom: 20px;
}

.woocommerce-Reviews .comment-form {
	margin-top: 20px;
	max-width: 500px;
}

.woocommerce-Reviews .comment-form p.stars {
	margin-top: 10px;
}

.woocommerce #review_form #respond .form-submit {
	text-align: center;
	margin-top: 50px;
}

.woocommerce #review_form #respond .form-submit [type=submit] {
	border-radius: 0;
	padding: 10px 20px;
	color: white;
}

.woocommerce #review_form #respond .form-submit [type=submit]:hover {
	background-color: #9e28b5;
}

@media (max-width: 992px) {
	
	.woocommerce-account main.my-account .woocommerce-MyAccount-navigation {
		padding: 0;
	}
	
	.woocommerce div.product .woocommerce-tabs {
		padding: 30px 0 0;
	}
	
	.woocommerce-account main.my-account .woocommerce-MyAccount-navigation {
		width: 100%;
		float: none;
		margin-bottom: 30px;
	}
	
	.woocommerce-account main.my-account .woocommerce-MyAccount-content .woocommerce-button {
		max-width: 150px;
	}
	
	.woocommerce-account main.my-account .woocommerce-MyAccount-navigation ul,
	.woocommerce div.product .woocommerce-tabs ul.tabs {
		width: 100%;
		float: none;
		display: grid;
    	grid-template-columns: repeat(2, 48%);
    	grid-column-gap: 4%;
    	grid-row-gap: 10px;
		padding: 20px;
	}
	
	.woocommerce-account main.my-account .woocommerce-MyAccount-navigation ul li,
	.woocommerce div.product .woocommerce-tabs ul.tabs li {
		margin-bottom: 0;
		margin: 0 !important;
	}
	
	.woocommerce-account main.my-account .woocommerce-MyAccount-navigation ul li a,
	.woocommerce-account main.my-account .woocommerce-MyAccount-content .woocommerce-button,
	.woocommerce div.product .woocommerce-tabs ul.tabs li a {
		padding: 5px;
	}
	
	.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,
	.woocommerce #content div.product .woocommerce-tabs ul.tabs::before,
	.woocommerce div.product .woocommerce-tabs ul.tabs::after,
	.woocommerce div.product .woocommerce-tabs ul.tabs::before,
	.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,
	.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before,
	.woocommerce-page div.product .woocommerce-tabs ul.tabs::after,
	.woocommerce-page div.product .woocommerce-tabs ul.tabs::before {
		position: absolute;
	}
	
	.woocommerce-account main.my-account .woocommerce-MyAccount-content,
	.woocommerce div.product .woocommerce-tabs .panel {
		width: 100%;
		float: none;
		padding: 20px;
	}
	
}

@media (max-width: 768px) {
	
	.woocommerce div.product .woocommerce-tabs ul.tabs {
    	grid-template-columns: repeat(2, 49%);
    	grid-column-gap: 2%;
		padding: 10px;
	}
	
	.woocommerce-account main.my-account .woocommerce-MyAccount-navigation ul li a,
	.woocommerce div.product .woocommerce-tabs ul.tabs li a {
		font-size: 16px;
	}
	
	.woocommerce-account main.my-account .woocommerce-MyAccount-content .woocommerce-button:not(.woocommerce-button--next):not(.woocommerce-button--previous) {
		font-size: 18px;
		float: right;
		padding: .618em 1em;
	}
	
	.product-carousel-wrapper .owl-carousel .owl-nav {
		width: calc(100% + 60px);
	}
	
	.vip-reward-stats {
		grid-template-columns: repeat(2, 48%);
		grid-column-gap: 4%;
		grid-row-gap: 30px;
	}
	
	.vip-reward-stats li {
		margin: 0;
	}
	
	.woocommerce-MyAccount-orders tr.woocommerce-orders-table__row {
		border-bottom: 3px solid #2b2b2b;
		margin-bottom: 20px;
	}
	
	.woocommerce-account main.my-account .woocommerce-MyAccount-content .woocommerce-MyAccount-orders tbody tr.woocommerce-orders-table__row td {
		padding: 0 0px 10px;
		overflow: hidden;
	}
	
	.woocommerce table.shop_table_responsive tr td.woocommerce-orders-table__cell-order-actions::before,
	.woocommerce-page table.shop_table_responsive tr td.woocommerce-orders-table__cell-order-actions::before {
		display: none;
	}
	
	.woocommerce-account main.my-account .woocommerce-MyAccount-content .woocommerce-order-details .order_details th.woocommerce-table__product-name {
		width: 70%;
	}
	
	.woocommerce-account main.my-account .woocommerce-MyAccount-content .woocommerce-order-details .order_details th:first-child {
		padding-left: 0;
	}
	
	.woocommerce-account main.my-account .woocommerce-MyAccount-content .woocommerce-order-details tfoot tr:nth-of-type(3) {
		height: 90px;
	}
	
	.woocommerce-account main.my-account .woocommerce-MyAccount-content .woocommerce-order-details tfoot tr:nth-of-type(3) th {
		display: block;
	}
	
	.woocommerce-account main.my-account .woocommerce-MyAccount-content .woocommerce-order-details tfoot tr:nth-of-type(3) td {
		display: block;
		position: absolute;
		padding-left: 10px;
	}
	
	.woocommerce .col2-set .col-1.woocommerce-Address,
	.woocommerce-page .col2-set .col-1.woocommerce-Address {
		margin-bottom: 30px;
	}
	
	.woocommerce-account main.my-account .woocommerce-MyAccount-content,
	.woocommerce-account main.my-account .woocommerce-MyAccount-content form {
		padding: 10px;
	}
	
}

@media (max-width: 480px) {
	
	.woocommerce-account main.my-account .woocommerce-MyAccount-navigation ul,
	.woocommerce-account main.my-account .woocommerce-MyAccount-content,
	.woocommerce div.product .woocommerce-tabs ul.tabs {
    	grid-template-columns: 100%;
	}
	
	.woocommerce div.product .woocommerce-tabs .panel h2 {
		font-size: 24px;
	}
	
	.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--features-benefits h3 {
		font-size: 20px;
	}
	
	.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--features-benefits {
		display: block;
	}
	
	.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--features-benefits ul {
		margin-bottom: 30px;
		padding-left: 21px;
	}
	
	.product-carousel-wrapper .owl-carousel {
	    max-width: calc(100% + 40px);
	    width: calc(100% + 40px);
	    margin-left: -20px !important;
	}
	
	.product-carousel-wrapper .owl-carousel .owl-nav {
		width: 80%;
		transform: translate(-50%, -50%) rotate(90deg);
		z-index: 1;
	}
	
	.product-carousel-wrapper .owl-nav .genericon-previous,
	.product-carousel-wrapper .owl-nav .genericon-next {
		transform: translate(-50%, -50%) rotate(-90deg);
	}
	
	.vip-reward-stats {
		grid-template-columns: 100%;
		width: 100%;
	}
	
	.vip-reward-stats li {
		margin: 0;
	}
	
	.woocommerce-account main.my-account .woocommerce-MyAccount-content .since-date {
		float: none;
		text-align: center;
		color: white;
		display: block;
		background-color: #dbdbdb;
	}
	
	.woocommerce-account main.my-account .woocommerce-MyAccount-content .cancel-vip button.button.cancel-button {
		font-size: 16px;
		padding: 5px 10px;
	}
	
}

/********************************************* Blog and Single Post Styling *********************************************/

main.blog,
main.posts {
	margin-top: 50px;
	margin-bottom: 50px;
}

main.blog .articles {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 2%;
    justify-content:center;
}

main.blog .articles article:first-child {
	grid-column: 1/4;
}

main.blog.search .articles article:first-child {
	grid-column: 1/2;
}

main.blog .post-thumbnail img {
	width: 100%;
	max-width: 100%;
	object-fit: cover;
	min-height: 300px;
}

.paged main.blog .articles article:first-child header {
	padding-top: 50px;
}

main.blog .featured .post-thumbnail,
.paged main.blog .articles article:first-child .post-thumbnail {
	float: right;
	margin-left: 100px;
}

main.blog .featured-wrapper img,
.paged main.blog .articles article:first-child .post-thumbnail img {
	vertical-align: middle;
}

.paged main.blog .articles article:first-child .post-thumbnail img  {
	min-height: 300px;
}

main.blog .featured span.featured {
	color: #9c8a26;
	font-family: 'avenir-book', sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	margin-left: 5px;
}

main.blog .post-header h1 {
	margin-bottom: 5px;
	line-height: 24px;
}

main.blog .featured .post-header h1,
.paged main.blog:not(.search) .articles article:first-child h1 {
	margin-bottom: 0;
	line-height: 1.5em;
}

main.blog .post-header h1 a {
	color: #2b2b2b;
	font-weight: normal;
	font-size: 20px;
	font-family: 'avenir-book', sans-serif;
}

main.blog .featured .post-header h1 a,
.paged main.blog:not(.search) .articles article:first-child h1 a  {
	font-size: 35px;
	font-family: 'adobe-garamond-font', serif;
}

main.blog .featured .read-more {
	display: block;
	margin-bottom: 50px;
}

main.blog .post-header .hashtags a {
	display: inline-block;
	font-family: 'avenir-book', sans-serif;
	font-size: 14px;
	color: #2b2b2b;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #DFE8E7;
	padding: 5px 10px;
	margin-bottom: 10px;
}

main.blog .post-header .hashtags a:hover {
	opacity: 0.7;
}

body.single main.posts .row {
	display: grid;
	grid-template-columns: 65% 30%;
	grid-column-gap: 5%;
}

body.single main.posts .alignwide {
	margin: 0 0 20px;
}

main.posts:not(.search) h1,
main.posts h2,
main.posts h3,
main.posts h4,
main.posts h5,
main.posts h6 {
	-color: #2b2b2b;
	-font-family: 'avenir-book', sans-serif;
}

main.posts h1 {
	-font-family: 'Adobe Garamond', serif;
	-font-weight: normal;
	-letter-spacing: 1.5px;
	-margin-top: 0;
}

main.posts h2 {
	-font-size: 24px;
}

main.posts h3 {
	-font-size: 20px;
}

main.posts h4 {
	-font-size: 18px;
}

main.posts aside .widgets {
	padding: 20px;
	margin-bottom: 20px;
	background-color: #d9f1f2;
}

main.posts aside .widgets h3 {
	font-size: 24px;
	font-family: 'Adobe Garamond', serif;
	color: #04a2ac;
}

main.posts aside .widgets ul {
	padding-left: 0;
	list-style-type: none;
}

main.posts aside .widgets ul li {
	margin-bottom: 10px;
}

main.posts aside .widgets a {
	color: #2b2b2b;
}

main.posts aside .widgets a:hover {
	color: #04a2ac;
	opacity: 1;
	text-decoration: none;
}

main.posts .post .hashtags,
main.posts .press-and-awards .hashtags {
	text-transform: uppercase;
	text-align: center;
	font-size: 18px;
	margin-top: 50px;
}

main.posts .post .hashtags a,
main.posts .press-and-awards .hashtags a {
	margin-right: 10px;
}

main.posts .post-footer {
	margin-left: 0;
	margin-right: calc( -100vw / 2 + 100% / 2 );
	max-width: 100%;
	grid-column: 1/3;
}

main.posts .post-footer nav {
	display: grid;
	grid-template-columns: repeat(2, 48%);
	grid-column-gap: 4%;
	margin-bottom: 50px;
	padding-top: 30px;
	border-top: 1px solid #2b2b2b;
}

main.posts .post-footer nav .next-post {
	text-align: right;
}

main.posts .comments-section ol.comment-list {
	padding-left: 0;
}

main.posts .comments-section ol.comment-list li {
	margin-bottom: 20px;
}

main.posts .comments-section ol.comment-list li .comment-reply-link {
	text-transform: uppercase;
}

main.posts .comments-section textarea {
	width: 100%;
	height: 200px;
	resize: none;
	outline-color: #04a2ac;
}

.comments-section .comment-form input:not([type=checkbox]):not([type=radio]):not([type=submit]) {
	outline-color: #04a2ac;
}

main.posts .comments-section textarea:focus {
	border-color: #04a2ac;
}

main.posts #commentform input[type=submit] {
	padding: 10px 20px;
	color: #2b2b2b;
	background-color: white;
	border-color: #2b2b2b;
	outline: 0;
	cursor: pointer;
}

main.posts #commentform input[type=submit]:hover {
	-background-color: #d9f1f2;
	color: #04a2ac;
	border-color: #04a2ac;
}

.widgets[id*=search] .searchform>div {
	display: flex;
	position: relative;
	max-width: 350px;
	justify-content: flex-end;
}

.widgets[id*=search] input[type=text] {    
	font-size: 16px;
    height: 35px;
    padding: 0 10px;
    width: calc(100% - 35px);
    display: inline-block;
	border: 0;
}

.widgets[id*=search] input[type=submit] {    
	display: inline-block;
    width: 35px;
    height: 35px;
    border: 0;
    position: relative;
    background-color: #04a2ac;
}

.widgets[id*=search] input[type=submit]:hover {
	background-color: #2b2b2b;
}

.widgets[id*=search] .genericon-search {
	position: absolute;
    right: 0;
    color: white;
    font-size: 25px;
    font-weight: bold;
    padding: 5px;
}

@media (min-width: 1200px) {
	
	main.blog .post-thumbnail img {
		min-width: 324px;
	}
	
}

@media (max-width: 1199px) {
	
	main.blog .articles {
		grid-template-columns: repeat(3, 32%);
		grid-column-gap: 2%;
	}
	
}

@media (max-width: 992px) {
	
	main.blog .articles {
		grid-template-columns: repeat(2, 46%);
		grid-column-gap: 8%;
	}
	
	main.blog .articles article:first-child,
	main.blog .articles article:last-child:nth-child(even) {
		grid-column: 1/3;
	}
	
	main.blog .articles article:last-child:nth-child(even) {
		max-width: 50%;
		width: 100%;
		margin: auto;
	}
	
	main.blog .featured .post-thumbnail, 
	.paged main.blog .articles article:first-child .post-thumbnail {
		margin-left: 30px;
		max-width: 50%;
	}
	
	main.blog .featured .post-header h1,
	.paged main.blog .articles article:first-child h1 {
		line-height: 1.1;
	}
	
	main.blog .featured .post-header h1 a,
	.paged main.blog .articles article:first-child h1 a {
		font-size: 30px;
	}
	
	nav.pagination {
		text-align: center;
	}
	
	body.single main.posts .row {
		grid-template-columns: 100%
	}
	
	main.posts #blog-sidebar {
		grid-row: 3/4;
		display: grid;
		grid-template-columns: repeat(2, 48%);
		grid-column-gap: 4%;
	}
	
	main.posts .post-footer {
		grid-column: 1/2;
		grid-row: 2/3;
		max-width: 100%;
	}
	
	section.comments-section {
		margin-top: 50px;
		padding-top: 30px;
		border-top: 1px solid #2b2b2b;
	}
	
	section.comments-section .comment-respond {
		max-width: 500px;
		margin: auto;
	}
	
	section.comments-section .form-submit {
		text-align: center;
		margin-top: 50px;
	}
	
}

@media (max-width: 768px) {
	
	main.blog .articles {
		grid-template-columns: 100%;
		grid-row-gap: 0px;
	}
	
	main.blog .articles article {
		padding-bottom: 30px;
	}
	
	main.blog .articles article:not(:first-child) {
		max-width: 450px;
		width: 100%;
		margin: auto;
	}
	
	main.blog .articles article:first-child,
	main.blog .articles article:last-child:nth-child(even) {
		grid-column: 1/2;
	}
	
	main.blog .articles article:last-child:nth-child(even) {
		max-width: 100%;
	}
	
	main.blog .featured .post-thumbnail, 
	.paged main.blog .articles article:first-child .post-thumbnail {
		margin: 0;
    	width: 100%;
    	max-width: 100%;
	}
	
	main.blog .articles article:first-child header {
		clear: both;
	}
	
	main.blog .featured .featured-wrapper,
	.paged main.blog .articles article:first-child header {
		padding-top: 20px;
	}
	
	main.blog .featured .read-more {
		margin-bottom: 20px;
	}
	
	main.blog .featured .post-header h1 a,
	.paged main.blog .articles article:first-child h1 a {
		font-size: 26px;
	}
	
	main.posts #blog-sidebar {
		grid-row: 3/4;
		display: grid;
		grid-template-columns: 100%;
		grid-row-gap: 20px;
	}
	
	main.posts aside .widgets {
		max-width: 440px;
		width: 100%;
		margin: auto;
	}
	
	main.posts .post-footer nav {
		grid-template-columns: 100%;
		grid-row-gap: 30px;
	}
	
}

/******************************************** Brand Shop Header Styling *********************************************/

.shop-header {
	height: calc(100vw / 4);
	background-size: cover;
	padding: 65px 0;
}

main.shop .shop-header + header.woocommerce-products-header {
	padding-top: 50px !important;
}

.shop-header .row {
	padding: 0 10px;
	position: relative;
    top: 50%;
    transform: translate(0, -50%);
}

.shop-header h1 {
	text-transform: capitalize;
	color: #2b2b2b;
	font-size: 32px;
	margin-bottom: 10px;
	padding-top: 0 !important;
}

.shop-header p {
	font-size: 19px;
}

@media (max-width: 992px) {
	
	.shop-header {
		padding: 15px 0;
	}
	
	.shop-header p {
		max-width: 200px;
	}
	
}

@media (max-width: 768px) {
	
	.shop-header {
		padding: 0;
	}
	
	.shop-header .row {
		background-color: rgba(255,255,255,0.5);
		padding: 55px 10px;
		height: 100%;
	}
	
	.shop-header p {
		max-width: 100%;
	}
	
}

@media (max-width: 480px) {
	
	.shop-header {
		display: none;
	}
	
}

/******************************************** Brand Shop Footer Styling *********************************************/

.brand-footer.gavee-gold .section-one {
	margin-bottom: 20px;
}

.brand-footer.gavee-gold .section-two .wp-block-column {
	text-align: center;
}

.brand-footer.gavee-gold .section-two .wp-block-column h3 {
	margin-bottom: 10px;
}

.brand-footer.gavee-gold .section-two .wp-block-column p {
	color: #7a7a7a;
	max-width: 250px;
	margin: 0 auto 20px;
    text-transform: lowercase;
    font-size: 18px;
    
}
.brand-footer.gavee-gold .section-two .wp-block-column p::first-letter {
    text-transform: uppercase;
}

.brand-footer.gavee-gold .section-two div.wp-block-column:first-of-type .wp-block-image {
	max-width: 150px;
	margin: auto;
}

.brand-footer.gavee-gold .section-two div.wp-block-column:nth-of-type(2) .wp-block-image {
	max-width: 192px;
	margin: auto;
}

.brand-footer.gavee-gold .section-two div.wp-block-column:last-of-type .wp-block-image {
	max-width: 209px;
	margin: 50px auto 0;
}

.brand-footer .section-three {
	padding: 70px 0;
	background-size: cover;
	background-position: right center;
	padding: 50px 0;
	margin-top: 50px;
}
ul.toxin-wrapper {
    padding-left: 20px;
}
ul.toxin-wrapper li {
font-size: 18px;
    line-height: 30px;
    }

.brand-footer .section-three h4 {
	font-size: 32px;
	margin-bottom: 0;
    color:#000000;
	padding-top: 0 !important;
}

.brand-footer .section-three p:last-of-type {
	margin-bottom: 0;
}

.brand-footer .section-three a {
	display: block;
    margin-top: 30px;
    font-size: 18px;
    font-weight: bold;
    color: #04a2ac;
    text-decoration: underline;
}

@media (max-width: 768px) {
	
	.brand-footer.gavee-gold .section-three {
		background-position: 89% center;
	}
	
	.brand-footer.gavee-gold .section-three h4 {
		font-size: 24px;
	}
	
	.brand-footer.gavee-gold .section-three p:last-of-type {
		font-size: 22px;
		text-align: center;
	}
	
}

@media (max-width: 480px) {
	
	.brand-footer.gavee-gold .section-three a {
		font-size: 19px;
	}
	
}

/********************************************* WordPress Plugin Styling *********************************************/

footer.document-footer {
    position: relative;
    padding-top: 50px;
	padding-bottom: 1px;
}

footer.document-footer .footer-widgets {
	display: grid;
	margin: 0 auto;
	margin-bottom: 30px;
}

footer.document-footer .footer-widgets.footer-cols-3 {
	display: flex;
	gap: 30px;
	justify-content: space-around;
}

footer.document-footer .footer-widgets.footer-cols-4 {
	grid-template-columns: repeat(4, auto);
	grid-column-gap: 2%;
}

footer.document-footer ul {
	padding-left: 0;
	list-style-type: none;
}

footer.document-footer #tiffany_andersen_footer_1 .zoom-social_icons-list__item {
    margin: 0;
}

footer.document-footer #tiffany_andersen_footer_1 .zoom-social-icons-list--rounded .socicon {
    margin-top: -5px;
}

footer.document-footer #tiffany_andersen_footer_1 .zoom-social_icons-list__item .zoom-social_icons-list__label {
    font-weight: bold;
}

footer.document-footer .footer-widgets h3 {
	color: #04a2ac;
	font-family: 'adobe-garamond-pro', serif;
	font-size: 24px;
	text-transform: uppercase;
	margin: 0 0 10px;
}

footer.document-footer .footer-widgets li .widgets:not(:first-child) h3 {
	margin-top: 30px;
}

footer.document-footer a {
	color: #2b2b2b;
	font-size: 18px;
	text-decoration: none;
}

footer.document-footer .footer-widgets li .widgets:not(:first-child) a {
	font-weight: bold;
}

footer.document-footer a:hover {
	color: #04a2ac;
}

footer.document-footer .footer-bottom.center {
	text-align: center;
}

footer.document-footer .footer-bottom a {
	font-size: 14px;
}

footer.document-footer .footer-bottom ul {
	display: flex;
	justify-content: center;
	margin-top: 0;
}

footer.document-footer .footer-bottom ul li {
	padding: 0 8px;
	line-height: 14px;
	border-right: 1px solid #2b2b2b;
}

footer.document-footer .footer-bottom ul li:last-of-type {
	border-right: 0;
}

footer.document-footer .footer-bottom.full {
	display: grid;
	grid-template-columns: repeat(2, 48%);
	grid-column-gap: 4%;
}

footer.document-footer .footer-bottom.full.use-logo {
	display: grid;
	grid-template-columns: 40% 16% 40%;
	grid-column-gap: 2%;
	align-items: baseline;
}

footer.document-footer .footer-bottom.full .copyright {
	grid-column: 2/3;
	grid-row: 1/2;
	text-align: right;
}

footer.document-footer .footer-bottom.full.use-logo .copyright {
	grid-column: 3/4;
}

footer.document-footer .footer-bottom.full.use-logo .footer-logo {
	grid-column: 2/3;
	grid-row: 1/2;
	text-align: center;
}

footer.document-footer .footer-bottom.full.use-logo .footer-logo img {
	max-width: 100px;
}

footer.document-footer .footer-bottom.full .footer-nav {
	grid-column: 1/2;
	grid-row: 1/2;
}

footer.document-footer .footer-bottom.full ul {
	justify-content: left;
}

footer.document-footer .footer-bottom #disclaimer {
	width: 100%;
	text-align: center;
}

footer.document-footer .footer-bottom #disclaimer p {
	font-size: 14px !important;
	margin: 0px auto 10px;
}
p.copyright {
    margin-bottom: 10px;
}

@media (max-width: 992px) {
	
	footer.document-footer .footer-widgets.footer-cols-4 {
		grid-template-columns: repeat(3, auto);
		grid-row-gap: 30px;
		justify-content: space-around;
	}
	
	footer.document-footer .footer-widgets.footer-cols-4 li:last-of-type {
		grid-column: 2/4;
	}
	
}

@media (max-width: 768px) {
	
	footer.document-footer .footer-widgets.footer-cols-4 {
		grid-template-columns: repeat(2, auto);
		justify-content: space-around;
	}
	
	footer.document-footer .footer-widgets.footer-cols-4 li:last-of-type {
		grid-column: inherit;
	}
	
	footer.document-footer .footer-bottom.full.use-logo {
		grid-template-columns: 100%;
		grid-row-gap: 30px;
		justify-items: center;
	}
	
	footer.document-footer .footer-bottom.full.use-logo .footer-logo {
		grid-row: 1/2;
		grid-column: 1/2;
	}
	
	footer.document-footer .footer-bottom.full .footer-nav {
		grid-row: 2/3;
		grid-column: 1/2;
	}
	
	footer.document-footer .footer-bottom.full .footer-nav ul {
		margin-bottom: 0;
	}
	
	footer.document-footer .footer-bottom.full .copyright,
	footer.document-footer .footer-bottom.full.use-logo .copyright {
		grid-row: 3/4;
		grid-column: 1/2;
	}
	
	footer.document-footer .footer-widgets.footer-cols-3 {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	
	footer.document-footer .footer-widgets.footer-cols-3 #tiffany_andersen_footer_1 {
		text-align: left;
	}
	
}

@media (max-width: 480px) {
	
	footer.document-footer .footer-widgets.footer-cols-4 {
		grid-template-columns: 100%;
		justify-items: center;
	}
	
	footer.document-footer .footer-widgets.footer-cols-4>li:not(:nth-of-type(2)),
	footer.document-footer .footer-widgets.footer-cols-4>li:nth-of-type(2) h3,
	footer.document-footer .footer-bottom.full .copyright {
		text-align: center;
	}

	footer.document-footer .footer-widgets li .widgets:not(:first-child) li {
		text-align: center;
	}
	
}

/****************************************** Social Media Genericon Styling ******************************************/

.screen-reader-text {
	display: none;
}

.social-menu {
    margin: 0 auto;
    -margin-top: 5px !important;
    -position: absolute;
    width: 65%;
    -right: 0;
}

	.social-menu ul {
		list-style: none;
		padding: 0;
		margin: 0;
		text-align: center;
	}

		.social-menu ul li {
			display:  inline-block;
			position: relative;
			-width: 20% !important;
		}

			.social-menu li a::before {
				content:        '\f408';
				display:        inline-block;
				padding:        0 5px;
				font-family:    'Genericons';
				font-size:      2em;
				vertical-align: top;

				-webkit-font-smoothing: antialiased;
			}

			.social-menu li a[href*="wordpress.org"]::before,
			.social-menu li a[href*="wordpress.com"]::before {
				content: '\f205';
				color:   #21759b;
			}
			.social-menu li a[href*="facebook.com"]::before {
				content: '\f203';
				color:   #3b5998;
			}
			.social-menu li a[href*="twitter.com"]::before {
				content: '\f202';
				color:   #33ccff;
			}
			.social-menu li a[href*="dribbble.com"]::before {
				content: '\f201';
				color:   #ea4c89;
			}
			.social-menu li a[href*="plus.google.com"]::before {
				content: '\f206';
				color: #dd4b39;
			}
			.social-menu li a[href*="pinterest.com"]::before {
				content: '\f210';
				color:   #c8232c;
			}
			.social-menu li a[href*="github.com"]::before {
				content: '\f200';
				color:   #171515;
			}
			.social-menu li a[href*="tumblr.com"]::before {
				content: '\f214';
				color:   #34526f;
			}
			.social-menu li a[href*="youtube.com"]::before {
				content: '\f213';
				color:   #c4302b;
			}
			.social-menu li a[href*="flickr.com"]::before {
				content: '\f211';
				color:   #ff0084;
			}
			.social-menu li a[href*="vimeo.com"]::before {
				content: '\f212';
				color:   #1AB7EA;
			}
			.social-menu li a[href*="instagram.com"]::before {
				content: '\f215';
				color:   #3f729b;
			}
			.social-menu li a[href*="codepen.io"]::before {
				content: '\f216';
				color:   #2b2b2b;;
			}
			.social-menu li a[href*="linkedin.com"]::before {
				content: '\f208';
				color:   #0e76a8;
			}

/********************************************* Beauty TV Episodes Challenge Styling *********************************************/

.back-to-top {
	position: fixed;
	left: 10px;
	bottom: 0;
	background-color: rgb(155, 214, 113);
	color: #2b2b2b;
	display: none;
}

.scroller .back-to-top {
	display: block;
}

.back-to-top .free {
	display: flex;
    width: 50px;
    height: 60px;
    justify-content: center;
    align-items: center;
	color: #2b2b2b;
	text-decoration: none;
	cursor: pointer;
}

.back-to-top .fa-arrow-top {
	padding-top: 5px;
}

.back-to-top .fa-arrow-up:before {
	border-top: 4px solid;
}

/********************************************* Woocommerce Store Notice Styling *********************************************/

.woocommerce-demo-store .document-header {
	padding-top: 32px;
}

.woocommerce-demo-store .woocommerce-store-notice {
	padding: 5px 0;
	text-transform: uppercase;
	font-size: 0.8em;
	letter-spacing: 2px;
	background-color: #9FCCCE;
	box-shadow: none;
}

.woocommerce-store-notice__dismiss-link {
	display: none;
}

@media (max-width: 782px) {
	
	.admin-bar p.demo_store {
		top: 46px;
	}
}

@media (max-width: 512px) {
	
	.woocommerce-demo-store .woocommerce-store-notice {
		font-size: 0.43em;
	}
}

/************************************************* New Header 2021 Styling **************************************************/

header.document-header .header-top {
	align-items: flex-start;
	grid-template-rows: auto;
}

.site-title-wrapper {
	padding: 20px 0;
}

.site-title-wrapper h1 {
	margin: 0;
	color: #04a2ac;
	font-size: 2rem;
}

.site-title-wrapper h1 a {
	color: inherit;
	text-decoration: none;
}

.site-title-wrapper h2 {
	margin: 0;
	color: #2b2b2b;
	font-size: 16px;
    font-family: "avenir-book", sans-serif;
	letter-spacing: 4.5px;
}

.usa-header {
	font-size: 12px !important;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.right-quote {
	grid-column: 1/3;
	text-align: right;
}

header.document-header nav.primary-nav {
	border-top: 0 !important;
}

@media (max-width: 1050px) {
	
	.site-title-wrapper {
		padding: 0;
	}
	
	.site-title-wrapper h1 {
	display: inline-block;
	}
	
	.site-title-wrapper h2 {
		margin-left: 5px;
	}
}

@media (max-width: 725px) {
	
	header.document-header .header-top {
		grid-template-columns: 100%;
	}
	
	.site-title-wrapper {
        margin-top:-5px;
        display: flex;
        flex-direction: row-reverse;
        text-align: left !important;
        justify-content: space-between;
                grid-row: 2 / 3;
	}
    .site-title-wrapper h1 {
    font-size: 28px;
}
	
	.right-quote {
		display: none;
	}
}

@media (max-width: 512px) {
	
	header.document-header .header-top .top-header-right {
		padding-top: 0;
	}
}

@media (max-width: 480px) {
	
	header.document-header .header-top .top-nav-right .the-mini-cart span.cart-items-qty {
		margin-left: 0;
        top:21px;
	}
}

@media (max-width: 370px) {
	
	.site-title-wrapper h1 {
		font-size: 1.7rem;
	}
	
	.site-title-wrapper h2 {
		font-size: 0.85rem;
	}
}
	
	/** New Transparent Header **/

header.document-header {
	background-color: rgba(255, 255, 255, 0.5);
	position: fixed;
  	width: 100%;
	transition: all .5s ease;
	
	& * {
		-transition: all .1s ease;
	}
		
	@media (max-width: 1050px) {
		background-color: rgba(255, 255, 255, 1);
	}
}

body.fixed-header header.document-header {
	background-color: white;
}

body.fixed-header .header-top {
	
	@media (min-width: 1050px) {
		max-height: 40px;
	
		& .site-title-wrapper {
			padding-top: 5px;
		
			& h1 {
				font-size: 1.5rem;
			}
		
			& h2 {
				font-size: .70rem;
			}
		}
	
		& .top-header-right {
		
			& .right-quote {
				display: none;
			}
		}
	}
}

main:not(.pages) .row > :first-child,
main.pages .row .page-content > :first-child	{
	padding-top: 116px;
}

/** End Transparent Header **/