/*
Theme Name: Louise Gray
Theme URI: 
Author: Room 34 Creative Services, LLC
Author URI: http://room34.com
Description: 
Version: 2.2.6
License: Unauthorized use or redistribution is prohibited
License URI: 
Tags: 
Text Domain: louisegray
GitHub Theme URI: https://github.com/room34/louisegray
*/

/*
COLORS:

PMS 426		rgb(104,103,102);	#686766
80%			rgb(132,131,131);	#848383
Alt 80%		rgb(137,139,141);	#898b8d		(Added 5/1/2017)
50%			rgb(177,176,175);	#b1b0af
40%			rgb(193,191,190);	#c1bfbe
30%			rgb(208,207,206);	#d0cfce
20%			rgb(229,228,227);	#e5e4e3
10%			rgb(240,240,239);	#f0f0ef
Darker gray	rgb(77,76,75);		#4d4c4b

Pink		rgb(247,172,188);	#f7acbc
Strong pink	rgb(241,117,153);	#f17599

*/

/* IMPORT */

@import url('css/reset.css');
@import url('css/woocommerce.css');


/* STANDARD HTML */

html {
	/* For background image scaling on Android */
	height:100%; min-height:100%;
	/* For text scaling issue when rotating iOS devices */
	-webkit-text-size-adjust: 100%;
}

body {
	background: rgb(255,255,255);
	color: rgb(137,139,141);
	font-size: 75%;
	font-style: normal;
	font-weight: normal;
	line-height: 2em;
}

body *, input {
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	font-family: 'Gotham A', 'Gotham B', sans-serif;
	letter-spacing: 0.1em;
	text-shadow: none !important;
	-webkit-font-smoothing: subpixel-antialiased !important;
}

a, a:visited {
	color: rgb(104,103,102);
	text-decoration: none;
}

a:hover { color: rgb(193,191,190); }

a[href|=mailto] {
	color: inherit !important;
	font-weight: inherit !important;
}

a.invisilink, a.invisilink:hover {
	color: inherit !important;
	font: inherit !important;
}

em, i { font-style: italic; }

form {}

	input:focus { outline: none; }

	input[type=text],
	input[type=tel],
	input[type=email],
	input[type=number],
	input[type=password],
	textarea
	{
		background: transparent;
		border: 1px solid rgb(208,207,206);
		box-sizing: border-box;
		box-shadow: none !important;
		color: rgb(104,103,102);
		font-size: 100%;
		padding: 5px 10px;
		position: relative;
		-webkit-appearance: none !important;
	}
	
	input[type=text]:focus,
	input[type=tel]:focus,
	input[type=email]:focus,
	input[type=number]:focus,
	input[type=password]:focus,
	textarea:focus
	{
		/*background: rgb(255,255,255);
		border-color: rgb(137,139,141) !important;
		color: rgb(104,103,102);*/
		outline: none;
	}
	
	/* Workaround for yellow background on auto-fill */
	input:-webkit-autofill,
	select:-webkit-autofill,
	textarea:-webkit-autofill
	{
		color: rgb(104,103,102) !important;
		-webkit-box-shadow: 0 0 0 50px white inset !important;
	}
	
	
	input[type=submit], button {
		background: rgb(177,176,175);
		border: none;
		box-shadow: none !important;
		box-sizing: border-box;
		color: rgb(255,255,255);
		cursor: pointer;
		display: inline-block;
		font-size: 100%;
		font-weight: 500 !important;
		padding: 5px 10px;
		text-align: center;
		text-transform: uppercase;
		-webkit-appearance: none;
	}
	
	input[type=submit]:hover, button:hover {
		background: rgb(137,139,141);
	}
	
	input[type=submit]:focus, button:focus {
		outline: none;
	}
	
	select {
		background: transparent !important;
		border: 1px solid rgb(193,191,190) !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		color: rgb(104,103,102) !important;
		font-size: 100% !important;
		font-weight: 500 !important;
		padding: 3px 5px !important;
	}

h1, h2, h3, h4, h5, h6 {
	break-after: avoid;
	clear: both;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin: 0 0 0.5em 0;
	/*text-transform: uppercase;*/
}
*[data-bgcolor='#d0cfce'] h1, *[data-bgcolor='#d0cfce'] h2, *[data-bgcolor='#d0cfce'] h3, *[data-bgcolor='#d0cfce'] h4, *[data-bgcolor='#d0cfce'] h5, *[data-bgcolor='#d0cfce'] h6
{ color: #ffffff; }

/* * + h1, * + h2, * + h3, * + h4, * + h5, * + h6 {
	margin-top: 1.5em;
}*/

h1 { font-size: 200%; font-weight: 700; margin-bottom: 1em; }
h2 { font-size: 150%; font-weight: 700; }
h3 { font-size: 120%; font-weight: 700; }
h4 { font-size: 110%; margin-bottom: 0; }

h5, h6 {
	font-size: 100%;
	font-weight: normal;
	margin-bottom: 0;
}

hr {
	background: rgb(177,176,175);
	border: none;
	color: rgb(177,176,175);
	display: block;
	height: 1px;
	margin: 1.25em auto;
	padding: 0;
	width: 3em;
}

hr.wide_rule {
	background: rgb(208,207,206) !important;
	color: rgb(208,207,206) !important;
	margin: 2.5em auto;
	width: 100%;
}

/*p + hr {
	margin-top: -1.25em;
}*/

p, li {
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
	page-break-inside: avoid;
}

img {
	height: auto;
	max-width: 100%;
	width: auto;
}

small, .small { display: inline-block; font-size: 80%; line-height: 1.75em; }

strong, b { font-weight: bold; }

table {
	border: 0 !important;
	border-collapse: collapse;
	table-layout: fixed !important;
	width: 100% !important;
}

.col_text table {
	table-layout: auto !important;
	width: 100%;
}

	tr { }
	
	th, td {
		line-height: 2em;
		padding: 0.75em 2em 0.75em 0 !important;
	}
		
	th:last-child, td:last-child {
		padding-right: 0 !important;
	}
	
	th {
		font-weight: 500 !important;
		/*text-transform: uppercase !important;*/
	}
	
	td { }


/* CUSTOM CSS CLASSES */

/* General */

.button, .button:hover {
	background: transparent;
	border: 1px solid rgb(104,103,102);
	box-shadow: none !important;
	box-sizing: border-box;
	color: rgb(104,103,102);
	cursor: pointer;
	display: inline-block;
	font-size: 100%;
	font-weight: normal;
	padding: 5px 15px;
	text-align: center;
	text-transform: none;
	-webkit-appearance: none;
}

body:not(.woocommerce) .button, body:not(.woocommerce) .button:hover {
	border: none;
	border-bottom: 1px solid rgb(104,103,102);
	font-size: 95%;
	font-weight: 500;
	letter-spacing: 0.05em;
	padding: 3px 0;
}

body:not(.woocommerce) .col_text[style*=' color: #ffffff'] .button, body:not(.woocommerce) .col_text[style*=' color: #ffffff'] .button:hover {
	border-bottom-color: rgb(255,255,255);
	color: rgb(255,255,255);
}

.columns {
	column-count: 2;
	column-gap: 7.5em;
}

	/* See: http://blog.room34.com/archives/5454#update-20170628 */
	.columns > * {
	  display: inline-block;
	  width: 100%;
	}

.content {
	margin: 0 auto;
	min-height: 300px;
	width: 100%;
}

	.content p, .content ul, .content ol, .content dl {
		margin: 0 0 2.25em 0;
	}
	
	.content li, .content dd {
		margin: 0 0 0.5em 0;
	}
	
	.content .search { }
	
		.content .search input[type=text] {
			border-right: none;
			width: 85%;
		}
		
		.content .search input[type=submit] {
			padding: 6px 10px;
		}

.hidden {
	display: none !important;
}

.large {
	font-size: 116.667%;
	letter-spacing: 0.1em;
	text-transform: none;
}
	
	.large * { text-transform: none !important; }

.minus1 {
	font-size: 87.5%;
}

.minus2 {
	font-size: 75%;
}

.plus1 {
	font-size: 112.5%;
}

.plus2 {
	font-size: 125%;
}

.plus3 {
	font-size: 137.5%;
}

.plus4 {
	font-size: 150%;
}

.required {
	color: rgb(137,139,141) !important;
}

/* Show/hide elements that are for logged-in or logged-out users only. */

body .logged-in { display: none !important; }
body.logged-in .logged-in { display: inherit !important; }
body .logged-out { display: inherit !important; }
body.logged-in .logged-out { display: none !important; }


/* Modular content rows */

.content_row {
	clear: both;
	display: table;
	/*margin: 0 0 -0.5em 0;*/ /* Negative margin is a workaround for extra space around responsive images */
	margin: 0;
	overflow: hidden;
	position: relative;
	table-layout: fixed;
	width: 100%;
	z-index: 1;
}

.content_row.margins {
	margin-left: 10%;
	margin-right: 10%;
	width: 80%;
}

.content_row.margins .col_text {
	padding: 2em !important;
}

.content_row.space_above {
	padding-top: 2rem !important;
}
.content_row.space_below {
	padding-bottom: 2rem !important;
}

.content_row.split_1 { z-index: 2; }
	.content_row.split_1 .content_col { width: 100%; }

/*.content_row:not(.image_margins).split_2even {
	border-top: 1px solid rgb(255,255,255);
}*/
	.content_row.split_2even .content_col { width: 50%; }

.content_row.split_2narrowwide { }
	.content_row.split_2narrowwide .content_col.col_1 { width: 33.333%; }
	.content_row.split_2narrowwide .content_col.col_2 { width: 66.667%; }
	
.content_row.split_2widenarrow { }
	.content_row.split_2widenarrow .content_col.col_1 { width: 66.667%; }
	.content_row.split_2widenarrow .content_col.col_2 { width: 33.333%; }

.content_row.split_3 { }
	.content_row.split_3 .content_col { width: 33.333%; }

.content_row.image_margins {
	margin-right: calc(10% - 20px); margin-left: calc(10% - 20px);
	padding: 0;
	width: calc(80% + 40px);
}

	.content_row .content_col {
		box-sizing: border-box;
		display: table-cell;
		margin: 0;
		overflow: hidden;
		position: relative;
		vertical-align: middle;
	}
	
	.content_row.image_margins .content_col {
		border: 20px solid #ffffff;
	}
	
		.content_row .content_col a.overlay_link {
			overflow: hidden;
			position: absolute; top: 0; right: 0; bottom: 0; left: 0;
			text-indent: -9999px;
			z-index: 3;
		}

	.content_row .col_image, .content_row .col_slideshow {
		background: rgb(240,240,239);
		overflow: hidden;
	}
	
		.content_row .col_image .mask_overlay {
			position: absolute; top: 0; right: 0; bottom: 0; left: 0;
			z-index: 2;
		}
		.content_row .col_image .mask_overlay_10 { background: rgba(0,0,0,0.1); }
		.content_row .col_image .mask_overlay_20 { background: rgba(0,0,0,0.2); }
		.content_row .col_image .mask_overlay_30 { background: rgba(0,0,0,0.3); }
		.content_row .col_image .mask_overlay_40 { background: rgba(0,0,0,0.4); }
		.content_row .col_image .mask_overlay_50 { background: rgba(0,0,0,0.5); }
		.content_row .col_image .mask_overlay_60 { background: rgba(0,0,0,0.6); }
		.content_row .col_image .mask_overlay_70 { background: rgba(0,0,0,0.7); }
		.content_row .col_image .mask_overlay_80 { background: rgba(0,0,0,0.8); }
		.content_row .col_image .mask_overlay_90 { background: rgba(0,0,0,0.9); }
		.content_row .col_image .mask_overlay_100 { background: rgba(0,0,0,1); }

		.content_row .col_image .text_overlay {
			box-sizing: border-box;
			font-size: 12px;
			padding: 0;
			position: absolute; top: 50%; right: 10%; bottom: auto; left: 10%;
			text-align: center;
			transform: translateY(-50%);
			z-index: 3;
		}
		
			.content_row .col_image .text_overlay > div {
				line-height: 1.75em;
			}
			
			.content_row .col_image .text_overlay > div.button {
				border: 2px solid rgb(255,255,255);
				clear: both;
				display: inline-block;
				font-size: 12px;
				padding: 0.75em 1.5em;
			}
		
			.content_row .col_image .text_overlay * {
				color: rgb(255,255,255) !important;
			}
	
		.content_row .col_image .img {
			background-position: center center;
			background-size: cover;
			position: absolute; top: 0; right: 0; bottom: 0; left: 0;
			z-index: 1;
		}
		
			.content_row .col_image .img img {
				display: block;
				margin: 0;
			}
	
		.content_row .col_slideshow img {
			height: auto;
			margin-bottom: -0.75em;
			width: 100%;
		}
	
	.content_row .col_image_text {
		height: auto;
	}
	
	.content_row .col_image_text .txt {
		padding: 5em 5%;
	}

	.content_row .col_image_text.tight .txt {
		padding: 2em 5%;
	}
			
	.content_row .col_text {
		background: rgb(255,255,255);
		/*text-transform: uppercase;*/
	}
	
		.content_row .col_text *:last-child { margin-bottom: 0 !important; }
	
		.col_text h1, .col_text h2 { font-weight: bold; }
	
		.col_text p, .col_text ul, .col_text ol, .col_text dl {
			margin: 0 0 2.25em 0;
		}
	
		.col_text li, .col_text dd {
			margin: 0 0 0.5em 0;
		}

	/* Full-width text column */
	.content_row.split_1 .content_col.col_text {
		padding: 6em 20%;
		text-align: center;
	}
	
	.content_row.split_1 .content_col.col_text.announcement {
		padding: 1.25em 5% 1.5em 5% !important;
	}
	
		.content_row.split_1 .content_col.col_text.announcement > * {
			max-width: 100% !important;
		}

	/* Narrow split text column */
	.content_row.split_2narrowwide .content_col.col_1.col_text,
	.content_row.split_2widenarrow .content_col.col_2.col_text,
	.content_row.split_3 .content_col.col_text
	{
		padding: 6em 5%;
		text-align: left;
	}
	
		.content_row.split_2narrowwide .content_col.col_1.col_text hr,
		.content_row.split_2widenarrow .content_col.col_2.col_text hr,
		.content_row.split_3 .content_col.col_text hr,
		.content_row div[style*='text-align: left'] hr
		{
			margin-left: 0;
			/*width: 1em;*/
		}
			
	/* Even split text column */
	.content_row.split_2even .content_col.col_1.col_text
	{
		padding: 6em 5% 6em 15%;
		text-align: left;
	}
	
	.content_row.split_2even .content_col.col_2.col_text
	{
		padding: 6em 15% 6em 5%;
		text-align: left;
	}
	
	.content_row.split_2even.image_margins .content_col.col_1.col_text,
	.content_row.split_2even.image_margins .content_col.col_2.col_text
	{
		padding: 6em 7.5%;
	}
		
	/* Wide split text column */
	.content_row.split_2narrowwide .content_col.col_2.col_text,
	.content_row.split_2widenarrow .content_col.col_1.col_text
	{
		padding: 6em 7.5%;
		text-align: center;
	}
	
	.content_row.compact .content_col.col_text {
		padding-top: 2em !important;
		padding-bottom: 2em !important;
	}

	.content_row.auto_extra .content_col.col_text {
		padding-top: 12em !important;
		padding-bottom: 12em !important;
	}

.featured_products_header h2 {
	font-size: 200%;
}

/* Flowed Tiles */

.flowed_tiles, .flowed_tiles * {
	box-sizing: border-box !important;
}

.flowed_tiles {
	padding: 6em 7.5%;
}

	.flowed_tiles .tiles {
		list-style: none !important;
		padding: 4em 0 !important;
		width: calc(100% + 8em);
	}
	
		.flowed_tiles .tiles .tile {
			display: inline-block;
			margin: 0 8em 8em 0;
			vertical-align: top;
			width: calc(33.333% - 8em);
		}
		
		.flowed_tiles .tiles .tile img {
			display: block;
			margin: 0 0 1.5em 0;
		}


/* Form Customizations */

/*
input[type=checkbox] { display: none !important; }

label.checkbox:before {
	background: transparent url('images/checkbox_sprites.png') left top no-repeat;
	background-size: 16px 32px;
	content: '';
	cursor: pointer;
	display: inline-block;
	height: 16px;
	margin: 0 4px 0 0;
	vertical-align: middle;
	width: 16px;
}

#ship-to-different-address label.checkbox:before {
	background-image: url('images/checkbox_sprites_inverted.png');
}

input[type=checkbox]:checked + label.checkbox:before,
label.checkbox.checked:before
{
	background-position: left -16px;
}
*/


/* Custom Menus */

/* Fake links */
.menu a[href='#'] {
	color: rgb(104,103,102) !important;
	cursor: default !important;
}

.menu-social-media-container {
	margin-right: 2.5em;
}

	.menu-social-media-container li {
		padding: 0 !important;
		width: 28px !important;
	}
	
	.menu-social-media-container li:after {
		content: none !important;
		margin: 0 !important;
	}

		.menu-social-media-container li a {
			background: transparent center center no-repeat;
			background-size: 16px 16px;
			display: block;
			height: 100%;
			min-height: 24px;
			overflow: hidden;
			text-indent: 50px;
			width: 28px;
		}
		.menu-social-media-container li a[href*=facebook] { background-image: url('images/facebook.png'); }
		.menu-social-media-container li a[href*=instagram] { background-image: url('images/instagram.png'); }
		.menu-social-media-container li a[href*=pinterest] { background-image: url('images/pinterest.png'); }
		.menu-social-media-container li a[href*=tumblr] { background-image: url('images/tumblr.png'); }
	

/* Pagination */

.pagination_header, .pagination_links {
	clear: both;
	font-family: 'proxima-nova', sans-serif;
	font-size: 90%;
	line-height: 1.5em;
}

.pagination_header {
	margin: 1.5em 0;
	padding: 0;
}

.pagination_links {
	margin: 1.5em 0;
	padding: 0;
}


/* Sharing */

.share {
	margin: 0 0 2.5em 0;
}

	.share * {
		display: inline-block;
		line-height: 1.5em;
		margin-bottom: 0 !important;
		vertical-align: middle;
	}
	
	.share h3 {
		font-size: 100%;
		margin: 0 1em 0 0;
	}
	
	.share .share_button {
		background-color: transparent;
		background-position: left top;
		background-repeat: no-repeat;
		background-size: cover;
		height: 16px;
		margin-right: 0.667em;
		overflow: hidden;
		position: relative;
		text-indent: -999px;
		width: 16px;
	}
	
	.share .share_button.facebook { background-image: url('images/facebook.png'); }
	.share .share_button.pinterest { background-image: url('images/pinterest.png'); }
	.share .share_button.tumblr { background-image: url('images/tumblr.png'); }
	.share .share_button.twitter { background-image: url('images/twitter.png'); }
	
		.share .share_button a {
			display: block;
			position: absolute; top: 0; right: 0; bottom: 0; left: 0;
		}
	

/* Slideshows */

.slideshow {
	overflow: hidden;
	position: relative;
}

	.slides {
		position: relative;
		z-index: 1;
	}
	
		.slides > li {
			display: block;
			position: absolute; top: 0; right: 0; bottom: 0; left: 0;
			opacity: 0;
			transition: opacity 400ms;
			z-index: 1;
		}
		
		.slides > li.current {
			display: block;
			opacity: 1;
			z-index: 2;
		}
		
			.slides > li .img {
				background-position: center center;
				background-size: cover;
				position: absolute; top: 0; right: 0; bottom: 0; left: 0;
			}
		
	.slide_steps {
		position: absolute; top: auto; right: 2em; bottom: 1.5em; left: 0;
		text-align: right;
		z-index: 2;
	}
	
		.slide_steps > li {
			background: rgb(255,255,255);
			border: 1px solid rgb(255,255,255);
			border-radius: 2em !important;
			box-shadow: 0 0 20px rgba(0,0,0,0.1);
			cursor: pointer;
			display: inline-block;
			height: 8px;
			margin: 0 5px;
			overflow: hidden;
			text-indent: -999px;
			transition: background 400ms;
			width: 8px;
		}
		
		.slide_steps > li.current {
			background: transparent;
		}


/* Videos */

.video_with_custom_still {
	height: 400px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

	.video_content {
		display: none;
		position: absolute; top: 0; right: 0; bottom: 0; left: 0;
		z-index: 1;
	}
	
	.video_overlay {
		background: transparent url('images/video_overlay.png') center center no-repeat;
		background-size: 160px 90px;
		cursor: pointer;
		opacity: 0.5;
		position: absolute; top: 0; right: 0; bottom: 0; left: 0;
		z-index: 2;
	}
	.video_overlay:hover { opacity: 1; }
	
	.video_still {
		display: block;
		position: absolute; top: 0; right: 0; bottom: 0; left: 0;
		z-index: 1;
	}
	
		.video_still img {
			height: auto;
			width: 100%;
		}


/* DOM ELEMENTS */

#wrapper {
	background: rgb(255,255,255);
	margin: 0 auto;
	/*max-width: 1920px;*/
	min-width: 300px;
	overflow-x: hidden;
	width: 100%;
}

	#masthead, #page, #colophon {
		box-sizing: border-box;
		clear: both;
		margin: 0;
		position: relative;
		width: 100%;
	}

/* * HEADER STYLES - UPDATED 11/7/19 */

#masthead {
	background: rgb(255,255,255);
	min-width: 320px;
	position: relative;
	-moz-user-select: none;
	-webkit-user-select: none;
	z-index: 3;
}

#masthead.pinned {
	box-shadow: 0 0 8px rgba(0,0,0,0.15);
	position: fixed; top: 0; right: 0; bottom: auto; left: 0;
}

body.admin-bar #masthead.pinned { top: 32px; }
	
#masthead * {
	letter-spacing: 0.1em;
}
	
#masthead a, #masthead a:visited {
	color: rgb(104,103,102);
	display: inline-block;
	font-weight: 500;
	line-height: 1.25em;
}

#masthead a:hover {
	color: rgb(193,191,190);
}

.header__wrapper {
	border-bottom: 1px solid rgb(229, 228, 227);
}

.header__inner {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 auto;
	width: 90%;
}

.header__inner--main {
	min-height: 115px;
}

#masthead.pinned .header__inner--main {
	min-height: 60px;
}

.header__inner__col {
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
}

.header__inner__col--fit {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
}

.header__inner__col--left {
	text-align: left;
}

.header__inner__col--right {
	text-align: right;
}

.header__inner__col--middle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.header__inner--subheader {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#logo {
	background: transparent url('images/logo.png') center center no-repeat;
	background-size: 100% auto;
	display: block;
	padding: 0 0 25px;
	overflow: hidden;
	width: 195px;
}

#masthead .menu_handle { display: none; } 

#primary_navigation {
	width: 100%;
	max-width: 1040px;
}

#primary_navigation ul.menu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
			
#primary_navigation ul.menu > li {
	display: inline-block;
	text-align: center;
}

#primary_navigation ul.menu > li > a {
	padding: 23px 5px;
}

#primary_navigation a {
	font-size: 13px;
}

#masthead.pinned #primary_navigation ul.menu > li > a {
	padding: 1em 5px;
}

#primary_navigation .sub-menu__container {
	background: rgb(255, 255, 255);
	box-shadow: 7px 7px 10px rgba(0,0,0,0.1);
	border-bottom: 1px solid rgb(240, 240, 239);
	display: none;
	opacity: 0;
	position: absolute;
	top: 99%;
	right: 0;
	left: 0;
	bottom: auto;
}

#primary_navigation .sub-menu__inner {
	width: 90%;
	margin: 25px auto 40px;
	max-width: 1040px;
	text-align: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

#primary_navigation li.menu-item-has-children.open > .sub-menu__container {
	display: block;
}
			
#primary_navigation ul.sub-menu {
	font-size: 100%;
	border-right: 1px solid rgb(229, 228, 227);
	padding: 0 45px 0 5px;
	flex: 0;
}
			
#primary_navigation li.open > ul.sub-menu {
	display: block;
}

#primary_navigation ul.sub-menu > li {
	margin-bottom: 1em;
}
#primary_navigation ul.sub-menu > li:last-child {
	margin-bottom: 0;
}

#primary_navigation ul.sub-menu a {
	font-weight: 400;
	line-height: 1.25em;
	white-space: nowrap;
}

#primary_navigation ul.sub-menu a:hover {
	color: rgb(193,191,190);
}

#primary_navigation aside {
	margin: 0 0 0 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
  justify-content: flex-start;
}

#primary_navigation .sub-menu__featured-item {
	display: inline-block;
	font-size: 9px;
	margin-right: 40px;
	cursor:pointer;
	max-width: 170px;
}

#primary_navigation .sub-menu__featured-item:last-child {
	margin: 0;
}

#primary_navigation .sub-menu__featured-item img {
	margin: 0 0 1em;
}

#primary_navigation .sub-menu__featured-item span {
	color: rgb(179, 179, 179);
	display: block;
}

/* Added 4/5/16 */
#primary_navigation ul.sub-menu .sub-menu-toggle {
	background: transparent url('images/caret_white.png') center center no-repeat;
	background-size: 7px 5px;
	cursor: pointer;
	display: none; /* Only appears on phone layout with current configuration -- STA 2017.11.09 */
	height: 2em;
	position: relative; top: 0.667em;
	width: 2em;
}
			
#primary_navigation ul.sub-menu ul.sub-menu {
	box-shadow: none;
	/*display: none;*/
	display: block;
	font-weight: normal;
	margin-top: -0.5em;
	padding: 0;
	position: relative; top: auto; left: auto;
	width: auto;
}

/* Added 4/25-28/2017 */
#primary_navigation ul.menu > li > ul.sub-menu > li:not(:first-child) {
	border-top: 1px solid rgb(255,255,255);
	margin-top: 1.25em;
	padding-top: 1em;
}

#primary_navigation ul.sub-menu ul.sub-menu li {
	line-height: 1.75em;
	min-height: 1.75em;
}

#primary_navigation ul.sub-menu ul.sub-menu a,
#primary_navigation ul.sub-menu ul.sub-menu a:visited
{
	font-weight: normal;
	height: 2em;
	line-height: 2em;
	text-transform: none;
}
/* End added 4/25-28/2017 */

#primary_navigation ul.sub-menu ul.sub-menu.open {
	display: block !important;
}

#primary_navigation ul.sub-menu ul.sub-menu * {
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: auto !important;
}
/* End added 4/5/16 */
	

#auxiliary_navigation {
	text-align: right;
}

#auxiliary_navigation .menu-auxiliary-navigation-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#auxiliary_navigation .menu-auxiliary-navigation-container li > a {
	font-weight: 400;
}

#auxiliary_navigation .menu-auxiliary-navigation-container li.fw500 > a {
	font-weight: 500;
}
			
#auxiliary_navigation > .menu-social-media-container {
	z-index: 1;
	margin-top: 2px;
}
			
#auxiliary_navigation .footer_only { display: none !important; }
			
#primary_navigation .greeting {
	display: none !important;
}
#auxiliary_navigation .greeting {
	line-height: 1em;
	margin-bottom: 1em;
	text-transform: none;
	white-space: nowrap;
}

#masthead.pinned #auxiliary_navigation .greeting {
	display: none !important;
}		
			
#auxiliary_navigation .greeting a {
	text-transform: uppercase;
}
		
#auxiliary_navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
			
#auxiliary_navigation li {
	display: inline-block;
	margin: 0;
	padding: 0 0 0 1.5em;
	position: relative;
}
			
#auxiliary_navigation li a {
	position: relative;
	z-index: 1;
}
			
#auxiliary_navigation .menu > li > a[href*=cart],
#auxiliary_navigation .menu > li > a[href*=bag],
#auxiliary_navigation .menu > li > a[href*=login] {
	background: transparent url('images/caret.png') right center no-repeat;
	background-size: 7px 5px;
	padding-right: 16px;
}

#auxiliary_navigation .cart_contents {
	line-height: 3em;
	margin-top: 8px;
	width: 100%;
}
			
#auxiliary_navigation .cart_contents li {
	border-bottom: 1px solid rgb(208,207,206);
	display: block;
	padding: 0 2em 0 0;
}
#auxiliary_navigation .cart_contents li:after {
	display: none;
}
#auxiliary_navigation .cart_contents li:first-child {
	border-top: 1px solid rgb(208,207,206);
}

#auxiliary_navigation .cart_contents p {
	margin: 0.5em 0;
	text-align: center;
}
				
#auxiliary_navigation .cart_contents .overlay_cart_remove {
	color: rgb(255,255,255) !important;
	display: block;
	float: right;
	font-size: 140%;
	margin: 1px -1.5em 0 0;
}
		
#auxiliary_navigation .overlay {
	background: rgb(193,191,190);
	box-sizing: border-box;
	color: rgb(255,255,255);
	display: block;
	height: 0;
	line-height: 0;
	min-width: 200px;
	opacity: 0.1;
	overflow: hidden;
	padding: 0;
	position: absolute; top: 100%; right: 0; bottom: auto;
	text-align: left;
	white-space: nowrap;
	z-index: 1;
}
			
#auxiliary_navigation .overlay.open {
	box-shadow: 7px 7px 10px rgba(0,0,0,0.1);
	height: auto;
	line-height: 2em;
	opacity: 1;
	padding: 15px 20px;
}
				
#auxiliary_navigation .overlay label {
	color: rgb(255,255,255);
	display: block;
	margin: 1em 0 0.5em 0;
}

#auxiliary_navigation .overlay p:first-of-type label {
	margin-top: 0;
}

#auxiliary_navigation .overlay input[type=text],
#auxiliary_navigation .overlay input[type=password] {
	background: rgb(193,191,190) !important;
	border: 1px solid rgb(240,240,239);
	box-sizing: border-box;
	color: rgb(255,255,255) !important;
	font-size: 80%;
	padding: 2px 10px;
	position: relative;
	width: 160px;
	-webkit-appearance: none;
}

#auxiliary_navigation .overlay input[type=text]:focus,
#auxiliary_navigation .overlay input[type=password]:focus {
	border-color: rgb(240,240,239) !important;
	outline: none;
}

#auxiliary_navigation .overlay input::-webkit-input-placeholder { color: rgba(255,255,255,0.7); }
#auxiliary_navigation .overlay input:-moz-placeholder { color: rgba(255,255,255,0.7); }
#auxiliary_navigation .overlay input::-moz-placeholder { color: rgba(255,255,255,0.7); }
#auxiliary_navigation .overlay input:-ms-input-placeholder { color: rgba(255,255,255,0.7); }

#auxiliary_navigation .overlay input[type=checkbox] {
	
}

#auxiliary_navigation .overlay input[type=submit]:hover {
	background: rgb(255,255,255);
	border-color: rgb(255,255,255);
	color: rgb(193,191,190) !important;
}

#auxiliary_navigation .overlay p {
	display: block;
	width: 100%;
}

#auxiliary_navigation .overlay a {
	clear: both;
	display: inline-block;
	font-size: 8px;
	line-height: 2em;
}

#auxiliary_navigation .overlay p a:hover {
	color: inherit !important;
}

#auxiliary_navigation .overlay .login-remember label {
	color: rgb(104,103,102);
	font-size: 8px;
	font-weight: 500;
	line-height: 2em;
}

#auxiliary_navigation .overlay .button-primary {
	background: transparent;
	border: 1px solid rgb(240,240,239);
	box-sizing: border-box;
	color: rgb(255,255,255);
	cursor: pointer;
	display: block;
	font-size: 80%;
	margin-bottom: 1em;
	padding: 5px 10px;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
	-webkit-appearance: none;
}

#auxiliary_navigation .overlay a.button-primary {
	padding: 4px 8px;
}

#auxiliary_navigation .overlay .button-primary:hover {
	background: rgb(255,255,255);
	border-color: rgb(255,255,255);
	color: rgb(193,191,190) !important;
}
			
#auxiliary_navigation .search {
	display: inline-block;
	margin-top: 4px;
	position: relative;
}

#primary_navigation .search_toggle,
#auxiliary_navigation .search_toggle {
	background: transparent url('images/search_x2.png') right center no-repeat;
	background-size: 12px 12px;
	cursor: pointer;
	line-height: 1.25em;
	overflow-x: hidden;
	text-align: left;
	text-indent: -999px;
	width: 40px;
}
#auxiliary_navigation .search_toggle:hover { opacity: 0.4; }

#auxiliary_navigation .search_wrapper.open {
	padding: 25px 20px;
}
				
#auxiliary_navigation .search_wrapper input[type=text] {
	padding: 5px 30px 5px 10px;
	text-transform: none;
}

#auxiliary_navigation .search_wrapper input[type=submit] {
	background: transparent;
	border: none;
	color: rgb(255,255,255);
	cursor: pointer;
	font-size: 80%;
	position: absolute; top: 25px; right: 22px;
	-webkit-appearance: none;
}

#auxiliary_navigation .search_wrapper input[type=submit]:hover {
	background: transparent !important;
	color: rgb(255,255,255) !important;
}

/* * End Header */

	#page {
		position: relative !important;
		z-index: 2;
	}
			
	body.page-template-default #page,
	body.error404 #page,
	body.search #page
	{
		margin: 0 auto;
		padding: 4em 0;
		width: 76%;
	}

	#colophon {
		background: rgb(234,235,236);
		border-top: 1px solid rgb(255,255,255);
		font-size: 90%;
		line-height: 1.5em;
		padding: 6em 8% 2em 8%;
		/*text-transform: uppercase;*/
		z-index: 2;
	}
	
	#colophon.locked {
		position: fixed; top: auto; right: 0; bottom: 0; left: 0;
	}
	
		#colophon * {
			letter-spacing: 0.1em !important;
		}
	
		#colophon .footer_content {
			display: table;
			position: relative;
			width: 100%;
		}
		
			#colophon .footer_content div, #colophon .footer_content aside {
				display: table-cell;
			}
	
		#colophon .menu {
			line-height: 1.5em;
		}
		
			#colophon .menu > li {
				display: inline-block;
				margin: 0 4em 2.25em 0;
				min-width: 100px;
				vertical-align: top;
			}
			
				#colophon .menu > li ul {
					display: block;
				}
				
				#colophon .menu > li li {
					display: block;
					margin-top: 0.5em;
				}
				
				#colophon .menu > li ul a, #colophon .menu > li ul a:visited {
					color: rgb(104,103,102);
				}
				
				#colophon .menu > li ul a:hover {
					color: rgb(177,176,175);
				}
				
				#colophon .menu > li > a {
					font-weight: 700 !important;
					letter-spacing: 0.15em !important;
					text-transform: uppercase;
				}
				#colophon .menu > li li > a { font-weight: 300 !important; }
		
		#colophon .widget { }
		
			#colophon .widget h1, #colophon .widget h2, #colophon .widget h3 {
				font-size: 100%;
				font-weight: bold !important;
				margin: 0 0 0.5em 0 !important;
				text-transform: uppercase;
			}
			
			#colophon #mc_embed_signup {
				display: inline-block;
				position: relative;
			}
						
				#colophon #mc_embed_signup input[type=email] {
					font-size: 8px !important;
					padding-right: 30px;
					text-transform: none;
					width: 200px;
				}

				#colophon #mc_embed_signup input[type=submit] {
					background: transparent !important;
					border: none !important;
					color: rgb(104,103,102) !important;
					cursor: pointer;
					font-size: 80%;
					font-weight: normal !important;
					padding: 8px 10px !important;
					position: absolute; top: 0; right: 0;
					-webkit-appearance: none;
				}
		
		#colophon .menu-social-media-container {
			padding-left: 2em;
			text-align: right;
			white-space: nowrap;
		}
		
			#colophon .menu-social-media-container li {
				display: inline-block !important;
				margin: 0 0 0 0.25em !important;
				min-width: 16px !important;
			}
		
		#colophon .copyright {
			clear: both;
			margin: 2em auto 2em 0;
			text-align: center;
		}
	
#popover {
	background: rgb(193,191,190);
	box-sizing: border-box;
	color: rgb(255,255,255);
	display: block;
	line-height: 1.5em;
	min-height: 200px;
	padding: 4em 4em 2em 4em;
	position: fixed; top: auto; right: -400px; bottom: 6em; left: auto;
	text-align: center;
	transition: right 0.4s ease;
	width: 380px;
	z-index: 2;
}

#popover.open {
	box-shadow: -7px 0 10px rgba(0,0,0,0.1);
	right: 0;
}

	#popover * {
		box-sizing: border-box;
		color: rgb(255,255,255) !important;
		font-size: 100% !important;
		line-height: 2em;
		text-transform: uppercase;
	}
	
	#popover input[type=text] { text-transform: none; }
		
	#popover p { margin: 0; }

	#popover > .close {
		color: rgba(255,255,255,0.75) !important;
		cursor: pointer;
		float: right;
		font-size: 200% !important;
		font-weight: 100 !important;
		margin-top: -2em;
		margin-right: -1.5em;
	}
	
	#popover h1, #popover h2, #popover h3 {
		color: rgb(77,76,75) !important;
		margin: 0 !important;
	}
	
	#popover > div:not(.close) {
	}
	
	#popover form { margin: 0; }
			
		#popover form input:not([type=submit]) {
			background: transparent;
			border: 1px solid rgb(137,139,141);
			color: rgb(77,76,75) !important;
			font-size: 80% !important;
			height: 2.667em !important;
			line-height: 2.667em !important;
			margin: 0;
			padding: 0 0.667em;
			text-transform: none;
			width: 90%;
		}
		#popover form input:not([type=submit]):focus { color: rgb(104,109,109); }
		
		/* Why is WP inserting this line break??? */
		#popover h1 + br, #popover h2 + br, #popover h3 + br, #popover h4 + br, #popover h5 + br, #popover h6 + br { display: none; }
		
		#popover input[type=submit] {
			background: transparent;
			border: 1px solid rgb(255,255,255);
			color: rgb(255,255,255) !important;
			cursor: pointer;
			font-size: 80% !important;
			height: 2.667em  !important;
			line-height: 2.667em !important;
			margin: 2.25em 0 1em 0;
			padding: 0 2em;
		}
		#popover input[type=submit]:hover {
			background: rgb(255,255,255);
			color: rgb(193,191,190) !important;
		}
		
		#popover .gfield_html { margin: 0 0 1.5em 0; }
				
		#popover .gfield_required { display: none !important; }
		
		#popover .gform_ajax_spinner {
			height: 64px;
			margin: -32px 0 0 -32px;
			position: absolute; top: 50%; left: 50%;
			text-align: center;
			width: 64px;
			z-index: 2;
		}
				
		#popover .gform_validation_container { display: none !important; }
		
		#popover .validation_error { display: none !important; }
		
		#popover .gform_confirmation_message { margin-top: 1.5em; }
		
			#popover .gform_confirmation_message * { margin: 0 !important; }
			
		#popover :-ms-input-placeholder { color rgb(77,76,75); opacity: 1 !important; text-transform: uppercase; }
		#popover ::-moz-placeholder { color rgb(77,76,75); opacity: 1 !important; text-transform: uppercase; }
		#popover ::-webkit-input-placeholder { color rgb(77,76,75); opacity: 1 !important; text-transform: uppercase; }
		#popover *:placeholder-shown { color rgb(77,76,75); opacity: 1 !important; text-transform: uppercase; }

#cookie_notice {
	background: rgb(240,240,239);
	box-sizing: border-box;
	color: rgb(104,103,102);
	display: table;
	line-height: 1.5em;
	padding: 1em 15%;
	position: fixed; top: auto; right: 0; bottom: -6em; left: 0;
	transition: bottom 0.4s ease;
	width: 100%;
	z-index: 3;
}

#cookie_notice.open {
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	bottom: 0;
}

	#cookie_notice * { box-sizing: border-box; }
	
	#cookie_notice a { font-weight: bold; }
	
	#cookie_notice p { margin: 0; }

	#cookie_notice .cookie_notice_text_wrapper {
		display: table-cell;
		padding-right: 2em;
		vertical-align: middle;
	}
	
	#cookie_notice .cookie_notice_button_wrapper {
		display: table-cell;
		vertical-align: middle;
	}
	
		#cookie_notice .cookie_notice_button_wrapper .button {
			white-space: nowrap;
		}	

#tinymce {
	background: rgb(255,255,255);
	font-size: 90%;
	padding: 1em;
}

	#tinymce p, #tinymce ul, #tinymce ol, #tinymce dl {
		margin: 0 0 1.75em 0;
	}
	
	#tinymce li, #tinymce dd {
		margin: 0 0 0.5em 0;
	}



/* CSS3 MEDIA QUERIES */

/* PRINT */
@media print {

	/* Basic settings */	
	* {
		background: white !important;
		border: none !important;
		-moz-box-shadow: none !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		color: black !important;
		text-shadow: none !important; 
		/*filter: none !important;*/
		-ms-filter: none !important;
	}
	@page { margin: 10% 5%; }
	h1, h2, h3, p { orphans: 3; widows: 3; }
	h1, h2, h3 { page-break-after: avoid; }

}


/* LARGE SCREENS (content area over 1400 pixels) */
@media screen and (min-width: 1400px) {

	.content_row.margins {
		margin-left: 20%;
		margin-right: 20%;
		width: 60%;
	}

	.content_row .col_image .text_overlay { font-size: 14px; }
	.content_row .col_image .text_overlay > div.button { font-size: 14px; }

	/* Full-width text column */
	.content_row.split_1 .content_col.col_text {
		padding: 6em 25%;
	}
	
	/* Wide split text column */
	.content_row.split_2narrowwide .content_col.col_2.col_text,
	.content_row.split_2widenarrow .content_col.col_1.col_text
	{ padding: 5em 18%; }
	
		.content_row.split_1 .content_col.col_text > *,
		.content_row.split_2narrowwide .content_col.col_2.col_text > *,
		.content_row.split_2widenarrow .content_col.col_1.col_text > *
		{
			margin-left: auto;
			margin-right: auto;
			max-width: 640px;
		}

	/* Narrow split text column */
	.content_row.split_2narrowwide .content_col.col_1.col_text,
	.content_row.split_2widenarrow .content_col.col_2.col_text,
	.content_row.split_3 .content_col.col_text
	{
		padding: 5em 7% 5em 5%;
	}
	
	.flowed_tiles {
		padding-left: 20%;
		padding-right: 20%;
	}
		#auxiliary_navigation .overlay:not(.search_wrapper) { right: 0; left: auto; }

}

#auxiliary_navigation .menu-social-media-container {
	display: none;
}


/* REDUCED MASTHEAD (content area under 1399 pixels) */
/* Note: This is a retrofit, moving these settings up from the SMALLER COMPUTERS breakpoint,
and is less convoluted than trying to swap default settings with the LARGE SCREENS breakpoint. */
/* * 11/7/19 - rebuilt header, deleted 1200 - 1399 breakpoint styles that applied to this */
@media screen and (max-width: 1399px) {

	body { font-size: 75%; }

}


/* SMALLER COMPUTERS (content area under 1200 pixels) */
@media screen and (max-width: 1200px) {

	.content_row.margins {
		margin-left: 5%;
		margin-right: 5%;
		width: 90%;
	}

	.content_row .col_image .text_overlay { font-size: 11px; }

	/* Full-width text column */
	.content_row.split_1 .content_col.col_text
	{ padding: 5em 20%; }

	/* Narrow split text column */
	.content_row.split_2narrowwide .content_col.col_1.col_text,
	.content_row.split_2widenarrow .content_col.col_2.col_text,
	.content_row.split_2even .content_col.col_1.col_text,
	.content_row.split_2even .content_col.col_2.col_text,
	.content_row.split_3 .content_col.col_text
	{ padding: 5em 5%; }
	
	/* Wide split text column */
	.content_row.split_2narrowwide .content_col.col_2.col_text,
	.content_row.split_2widenarrow .content_col.col_1.col_text
	{ padding: 5em 12%; }
	
	.flowed_tiles {
		padding-left: 5%;
		padding-right: 5%;
	}

	body.page-template-default #page,
	body.error404 #page,
	body.search #page
	{ width: 86%; }

	#colophon { padding: 2.5em 7%; }

}


/* TABLETS (content area under 1000 pixels) */
@media screen and (max-width: 1000px) {

	body { font-size: 70%; }

	.content_row.margins {
		margin-left: 2%;
		margin-right: 2%;
		width: 96%;
	}

	.content_row .col_image .text_overlay { font-size: 9px; }
	.content_row .col_image .text_overlay > div.button { font-size: 11px; }

	/* Full-width text column */
	.content_row.split_1 .content_col.col_text
	{ padding: 4em 20%; }

	/* Narrow split text column */
	.content_row.split_2narrowwide .content_col.col_1.col_text,
	.content_row.split_2widenarrow .content_col.col_2.col_text,
	.content_row.split_2even .content_col.col_1.col_text,
	.content_row.split_2even .content_col.col_2.col_text,
	.content_row.split_3 .content_col.col_text
	{ padding: 4em 5%; }
	
	.content_row.image_margins
	{ margin-right: calc(5% - 20px); margin-left: calc(5% - 20px); padding: 0; width: calc(90% + 40px); }

		.col_text table { width: 100% !important; }
		.content_row.split_2narrowwide .content_col.col_1.col_text .col_text th,
		.content_row.split_2narrowwide .content_col.col_1.col_text .col_text td,
		.content_row.split_2widenarrow .content_col.col_2.col_text .col_text th,
		.content_row.split_2widenarrow .content_col.col_2.col_text .col_text td,
		.content_row.split_3 .content_col.col_text .col_text th,
		.content_row.split_3 .content_col.col_text .col_text td
		{ clear: both; display: block; width: 100%; }
	
	/* Wide split text column */
	.content_row.split_2narrowwide .content_col.col_2.col_text,
	.content_row.split_2widenarrow .content_col.col_1.col_text
	{ padding: 4em 5%; }	

	#auxiliary_navigation .cart_count {
		display: inline-block;
	}

	#auxiliary_navigation .menu-social-media-container
	{
		display: none;
	}

	#auxiliary_navigation .menu > li > a[href*=cart],
	#auxiliary_navigation .menu > li > a[href*=login] {
		background: none !important;
		padding-right: 0;
	}

	#primary_navigation ul.menu > li > a {
		padding: 24px 5px;
		font-size: 11px;
	}

	body.page-template-default #page,
	body.error404 #page,
	body.search #page
	{ width: 90%; }

	#colophon { padding: 2em 5%; }

	#colophon .menu > li {
		display: block;
	}

	#colophon .menu-social-media-container li {
		display: inline-block !important;
	}

	#colophon #mc_embed_signup input[type=submit] {
		padding: 5px 10px !important;
	}

	#cookie_notice {
		font-size: 80%;
		padding: 1em 5%;
	}
	
}

/* * Due to new menu layout, switching to mobile hamburger earlier */
@media screen and (max-width: 850px) {

	.show-mobile {display: block !important;}
	.hide-mobile {display: none !important;}

	#masthead {
		background: rgb(255,255,255);
		position: fixed; top: 0; right: 0; bottom: auto; left: 0;
		z-index: 9;
	}

	.header__inner--main {
		min-height: 55px;
	}
	
	#masthead.shadow {
		box-shadow: 0 0 5px rgba(0,0,0,0.1);
	}
	
	body.admin-bar #masthead { top: 46px; }
	
	#logo {
		background-size: 170px auto;
	}
	
	#masthead .menu_handle {
		background: transparent url('images/menu_handle_x2.png') center center no-repeat;
		background-size: 16px 16px;
		cursor: pointer;
		display: block;
		height: 55px;
		overflow: hidden;
		position: absolute; top: 0; left: 0;
		text-indent: -999px;
		width: 60px;
	}
	#masthead .menu_handle:hover { opacity: 0.4; }

	#masthead .nav_wrapper {
		background: rgb(229,228,227);
		box-shadow: inset 0 5px 3px -3px rgba(0,0,0,0.05);
		box-sizing: border-box;
		height: 0;
		overflow: hidden;
		padding: 0 22px;
		transition: all 200ms;
	}

	#masthead.pinned #primary_navigation ul.menu > li > a {
		padding: 0;
	}

	.nav_open #masthead .nav_wrapper {
		height: auto;
		padding: 15px 22px;
		overflow-y: scroll;
	}

	.header__inner {
		width: 100%;
	}
	
	#primary_navigation,
	#auxiliary_navigation {
		display: block;
		font-size: 120%;
		text-align: left;
	}

	#primary_navigation *,
	#auxiliary_navigation * {
		display: block;
		line-height: 2.75em;
		margin: 0 !important;
	}

	#primary_navigation ul.menu,
	#primary_navigation ul.menu > li {
		clear: both;
		display: block;
		text-align: left;
	}
	
	#primary_navigation ul.menu > li > a {
		display: inline-block;
		padding: 0;
		font-size: 13px;
	}
	
	#primary_navigation ul.menu .sub-menu-toggle {
		background: transparent url('images/caret_x2.png') center center no-repeat !important;
		background-size: 10px 7px !important;
		cursor: pointer;
		display: inline-block;
		height: 2em;
		position: relative; top: 0.667em;
		width: 2em;
	}
	
	/* * new styles for mobile dropdowns after megamenu was built 11/13/19 */

	#primary_navigation .sub-menu__container {
		background: transparent;
		border-bottom: none;
		box-shadow: none;
		color: inherit;
		display: none !important; opacity: 1 !important;
		height: auto;
		padding: 0;
		position: static; top: auto; left: auto;
	}

	#primary_navigation .sub-menu__inner {
		display: block;
	}
	
	#primary_navigation ul.sub-menu.open,
	#primary_navigation .sub-menu__container.open {
		display: block !important;
	}
	
	#primary_navigation ul.sub-menu > li {
		display: block;
		height: auto !important;
	}

	#primary_navigation ul.menu > li > ul.sub-menu > li,
	#primary_navigation .sub-menu__container .sub-menu > li {
		border-top: none !important;
		font-size: 80%;
		margin-top: 0 !important;
		padding-top: 0 !important;
		padding-left: 10px !important;
	}

	#primary_navigation ul.sub-menu a,
	#primary_navigation ul.sub-menu a:visited {
		color: rgb(104,103,102);
		font-weight: 400;
		font-size: 1em;
		line-height: 2em;
	}
	
	#primary_navigation ul.sub-menu a:hover {
		color: rgb(193,191,190);
	}
	
	#primary_navigation ul.sub-menu .sub-menu {
		padding-left: 10px !important;
	}
	
	#primary_navigation ul.sub-menu .sub-menu li {
		padding-bottom: 5px !important;
	}

	#primary_navigation .overlay {
		display: none;
	}

	#primary_navigation .search_toggle {
		line-height: 2.75em;
		background-position: left center;
	}

	/* * Hiding featured items */
	#primary_navigation aside {
		display: none !important;
	}

	
	/* * #auxiliary_navigation has been hidden, all in #primary_navigation now 11/12/19 */
	#primary_navigation .menu-auxiliary-navigation-container > ul > li > a {
		text-transform: uppercase;
	}

	.simple-banner {
		padding: 0;
	}

}



/* SMALL TABLETS (content area under 720 pixels) */
/* Cutoff point for using phone navigation */
@media screen and (max-width: 720px) {

	body { font-size: 70%; }
	
	table { table-layout: auto !important; }
	th, td { padding-right: 0.75em !important; }
	
	.col_text table { width: 100% !important; }
	.col_text th, .col_text td { clear: both; display: block; width: 100%; }
	
	.content_row.margins {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}

	.content_row .col_image .text_overlay { font-size: 7px; }
	.content_row .col_image .text_overlay > div.button { font-size: 11px; }

	/* Full-width text column */
	.content_row.split_1 .content_col.col_text
	{ padding: 3em 15%; }

	/* Narrow split text column */
	.content_row.split_2narrowwide .content_col.col_1.col_text,
	.content_row.split_2widenarrow .content_col.col_2.col_text,
	.content_row.split_2even .content_col.col_1.col_text,
	.content_row.split_2even .content_col.col_2.col_text,
	.content_row.split_3 .content_col.col_text
	{ padding: 3em 2.5%; }
	
	/* Wide split text column */
	.content_row.split_2narrowwide .content_col.col_2.col_text,
	.content_row.split_2widenarrow .content_col.col_1.col_text
	{ padding: 3em 5%; }
	
	.flowed_tiles { padding: 3em 5%; }

	.flowed_tiles .tiles .tile {
		width: calc(50% - 8em);
	}
	
	.video_overlay { background-size: 80px 45px; }

	#page {
		margin-top: 55px !important;
		transition: margin 200ms;
	}
	.nav_open #page { margin-top: 255px !important; }
	
	#wpadminbar { position: fixed !important; }
	
	#colophon { padding-top: 4em; }
	
}

/* PHONES (content area under 600 pixels) */
@media screen and (max-width: 600px) {

	.content_row {
		display: block;
		width: 100%;
	}

		.content_row .content_col {
			display: block;
			width: 100% !important;
		}

		.content_row .col_image {
			min-height: 280px;
		}
		
		.content_row .col_image.has_text_overlay {
			height: auto !important;
			min-height: auto !important;
		}

		.content_row .col_image .text_overlay { font-size: 5px; }
		.content_row .col_image .text_overlay > div.button { border: 1px solid rgb(255,255,255); font-size: 9px; }

		/* All text columns */
		.content_row.split_1 .content_col.col_text,
		.content_row.split_2narrowwide .content_col.col_1.col_text,
		.content_row.split_2widenarrow .content_col.col_2.col_text,
		.content_row.split_2even .content_col.col_1.col_text,
		.content_row.split_2even .content_col.col_2.col_text,
		.content_row.split_3 .content_col.col_text,
		.content_row.split_2narrowwide .content_col.col_2.col_text,
		.content_row.split_2widenarrow .content_col.col_1.col_text
		{
			padding: 4em 5%;
			text-align: center;
		}

			/*.content_row.split_2narrowwide .content_col.col_1.col_text hr,
			.content_row.split_2widenarrow .content_col.col_2.col_text hr,
			.content_row.split_3 .content_col.col_text hr
			{
				margin-left: auto;
				width: 3em;
			}*/

	.flowed_tiles .tiles {
		margin-right: auto; margin-left: auto;
		max-width: 400px;
		width: 100%;
	}
	
		.flowed_tiles .tiles .tile {
			display: block;
			margin-right: 0;
			width: 100%;
		}
		
	.slide_steps > li {
		height: 7px;
		margin: 0 7px;
		width: 7px;
	}

	#colophon .footer_content, #colophon .footer_content div, #colophon .footer_content aside { display: block; }
	
	#colophon #mc_embed_signup { width: 100%; }
	
	#colophon #mc_embed_signup input[type=email] {
		width: 100%;
	}

	#colophon .menu-social-media-container {
		margin: 4em 0;
		padding-left: 0;
		text-align: center;
	}
	
		#colophon .menu-social-media-container li {
			display: inline-block !important;
			margin: 0 0.5em 0 0 !important;
		}

	#popover {
		font-size: 75%;
		right: -100%; bottom: 0;
		width: 100%;
	}
	
	#cookie_notice {
		font-size: 75%;
		padding: 1em 5%;
	}

}


/* HIGH RESOLUTION IMAGE REPLACEMENTS */
@media	only screen and (-moz-min-device-pixel-ratio: 1.5),
		only screen and (-o-min-device-pixel-ratio: 3/2),
		only screen and (-webkit-min-device-pixel-ratio: 1.5),
		only screen and (min-devicepixel-ratio: 1.5),
		only screen and (min-resolution: 1.5dppx)
{

	/*
	label.checkbox:before {
		background-image: url('images/checkbox_sprites_x2.png');
	}
	#ship-to-different-address label.checkbox:before {
		background-image: url('images/checkbox_sprites_inverted.png');
	}
	label.radio:before {
		background-image: url('images/radio_sprites_x2.png');
	}
	#ship-to-different-address label.radio:before {
		background-image: url('images/radio_sprites_inverted.png');
	}
	*/

	.menu-social-media-container li a[href*=facebook] { background-image: url('images/facebook_x2.png'); }
	.menu-social-media-container li a[href*=instagram] { background-image: url('images/instagram_x2.png'); }
	.menu-social-media-container li a[href*=pinterest] { background-image: url('images/pinterest_x2.png'); }
	.menu-social-media-container li a[href*=tumblr] { background-image: url('images/tumblr_x2.png'); }

	.share .share_button.facebook { background-image: url('images/facebook_x2.png'); }
	.share .share_button.pinterest { background-image: url('images/pinterest_x2.png'); }
	.share .share_button.tumblr { background-image: url('images/tumblr_x2.png'); }
	.share .share_button.twitter { background-image: url('images/twitter_x2.png'); }

	.video_overlay { background-image: url('images/video_overlay_x2.png'); }

	#logo { background-image: url('images/logo_x2.png'); }
	#auxiliary_navigation .search_toggle { background-image: url('images/search_x2.png'); }

	#primary_navigation ul.sub-menu .sub-menu-toggle,
	#auxiliary_navigation .menu > li > a[href*=cart],
	#auxiliary_navigation .menu > li > a[href*=login] {
		background-image: url('images/caret_white_x2.png');
	}

}