/*
Theme Name: Seasonal Living 6.0 
Author: Peter King
Version: 6.0

*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */


/* SEASONAL COLORS *********************************************

Spring	Lt Green	#93BA5-4
Summer	Green		#60A53-C 			NEW 51b848
Fall	Orange		#E5842-E
WInter	Lt Blue		#4AA3D-4

*********************************************/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/* =Layout
-------------------------------------------------------------- */

/*
LAYOUT: One Column / Two Column Custom
DESCRIPTION: Custom Responsive & Elastic Design
*/

	

#container {
	float: left;
	margin: 0 -240px 0 0;
	width: 100%;
}
#content {
	margin: 0 280px 0 20px;
}

#primary { padding-bottom: 80px; }
.page #primary {    padding-top: 80px;}

#primary,
#secondary {
	
}
#secondary {
	clear: right;
	float:right; 
	margin: 10px 4% 0 0;
	width: 23%;
}
#footer {
	clear: both;
	width: 100%;
}

/* One column, no sidebar
*/

.one-column #content {
	margin: 0 auto;
	width: 640px;
}

/* Full width, no sidebar
*/

.single-attachment #content {
	margin: 0 auto;
	width: 900px;
}

.sitewidth { 
	max-width: 1440px;
    margin: auto;
    position: relative;
    width: 96%;
    padding: 0 2%;
}

.sitewidth-wide { 
	max-width: 1600px;
    margin: auto;
    position: relative;
    width: 96%;
    padding: 0 2%;
}

#ContentWidth {  position:relative;     padding-top: 60px;}



.fullwidth { max-width: none; width: 100%; }



.accessible {
  clip: rect(1px 1px 1px 1px); /* IE 6/7 */
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap; /* added line */
  width: 1px;
  color: #000000;
}

/* =Fonts
-------------------------------------------------------------- */

body, input, textarea,
.typography, .typography p, tr, th  {
	font-family: 'Montserrat', Verdana, Geneva, sans-serif;
}

#mainnav, #mainnav ul li,
.menuContainer, .menuContainer .promoText,
.typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6,
.promoBox .promoTitle, #Level2Promos .widget-title, 
.productPrice{ 

	font-family: 'Montserrat', Verdana, Geneva, sans-serif;
	font-weight: normal; 
}

.menuContainer .promoText,
.typography h1, .typography h2, .typography h3, 
.promoBox .promoTitle, #Level2Promos .widget-title { 
	font-weight: 400;
	} 

#mainnav, #mainnav ul li, 
.menuContainer, 
.typography h4, .typography h5, .typography h6,
.productPrice { 
	font-weight: 400;
	} 

/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
#access .menu-header,
div.menu,
#colophon,
#branding,
#main,
#Layout {
}
#Layout {
	margin: 0 auto;
	position: relative;
}

/* Structure the footer area */
#footer-widget-area {
	overflow: hidden;
}
#footer-widget-area .widget-area {
	float: left;
	margin-right: 20px;
	width: 220px;
}
#footer-widget-area #fourth {
	margin-right: 0;
}
#site-info {
	float: left;
	font-size: 14px;
	font-weight: bold;
	width: 700px;
}
#site-generator {
	float: right;
	width: 220px;
}




/* SECTIONS */

.section-band,
section.products { 
	width:100%; 
	overflow: hidden; 
	position: relative; 
	z-index: 10; 
	padding: 100px 0 100px 0; 
	padding: 12vh 0 12vh 0; 
	box-sizing: border-box;
	}
	
.section-band.no-padding { padding: 0; }

.section-featured-image {   }

.section-header { text-align:center; margin-bottom: 3em;}

.typography .section-title,
.typography .page-title,
.typography section h2 { 
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 3px;
	text-align:center;
	display: block;
	font-size: 2em;
	 }

.typography .section-title {
	border-bottom: 1px solid #474746AA;	
	display: inline-block;
}

.section-description {
	font-family: 'Noto Serif', serif;
	font-size: 1.3em;
	font-weight: 300;
	color:#7D7364;
	line-height: 1.8;
}

.journal-header .section-description { max-width: 930px; margin: auto;}


.typography .page-title { margin: 60px 0; }

.section-content { margin: 40px 0;}

.center-section-content { 
	transform: translateY(-50%);
	top: 50%;
	position: relative;
}

.section-band.skinny .sitewidth {
	max-width: 800px;
}


.section-skinny-band { min-height: 150px; padding: 40px 0; }

.section-band.reverse { background: #474746; color: #FFF;}
.section-band.mist { background: #cdeaea; }
.section-band.dusk { background: #424443; color:#FFF;}
.section-band.turquoise { background: #029da1; }







/* VIEWPORT HEIGHTS */
.vp-full-height { height: 900px; height: 100vh; }

.vp-full-height-sans-header { height: 90%; height: calc(100vh - 70px); }

.vp-height-75 { height: 700px; height: 75vh; }
.vp-height-66 { height: 600px; height: 66vh; }
.vp-height-60 { height: 500px; height: 60vh; }
.vp-height-50 { height: 450px; height: 50vh; }
.vp-height-33 { height: 300px; height: 30vh; }
.vp-height-25 { height: 225px; height: 25vh; }

.vp-height-16x9 { height: 800px; height: 57vw; }









	
/* Contact Form */
::-webkit-input-placeholder {  font-family: 'Montserrat', sans-serif;; color: #666;}
::-moz-placeholder { font-family: 'Montserrat', sans-serif;; color: #666; } /* firefox 19+ */
:-ms-input-placeholder {  font-family: 'Montserrat', sans-serif;; color: #666; } /* ie */
:-moz-placeholder {  font-family: 'Montserrat', sans-serif;; color: #666; }

::-moz-selection { color: #FFF; background: #666; } /* Code for FF */ 
::selection { color: #FFF; background: #666; }




/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */
html {
	/*background: #E5E5E5 url("images/bg-html.png") repeat-y 50%;*/
    position: relative;
}

body {
	 /*background: url("images/bg-body-spring.png");	SPRING */
	/* background: url("images/bg-body-summer.png");	SUMMER */
	/* background: url("images/bg-body-fall.png");	FALL */
	/* background: url("images/bg-body-winter.png");	WINTER */

    color: #222;
    font-size: 16px;
	line-height: 1.7;
    position: relative;
}

body#tinymce {
	background:#FFF;
}


input,
textarea {
	color: #444;
	font-size: 12px;
	line-height: 18px;
}
hr {
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}

/* Text elements */
p {
	margin-bottom: 18px;
}
ul {
	list-style: square;
	margin: 0 0 18px 1.2em;
}
ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 18px;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea {
	background: #f9f9f9;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding: 0.5em;
    font-size: 1em;
    box-sizing: border-box;
}
a:link {
	color: #0066cc;
	
	-webkit-transition: 	color 200ms ease-out, background-color 200ms ease-out;
    -moz-transition: 		color 200ms ease-out, background-color 200ms ease-out;
    -o-transition: 			color 200ms ease-out, background-color 200ms ease-out;
    transition: 			color 200ms ease-out, background-color 200ms ease-out;
	
}
a:visited {
	color: #743399;
}
a:active,
a:hover {
	color: #ff4b33;
}

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
	color: #000000;

}


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

#Header {
    margin: 0;
    position: fixed;
	z-index: 9990;
	width: 100%;
	height: 100px;
	top: 0;
}

body.admin-bar #Header { top: 32px; }

#Header p {
    clear: left;
    color: #fff;
    font-size: 1.4em;
    margin: 0 0 0 100px;
}


#logo-container { 
}

#Header #Logo {
	display:block;
	background-image: url("images/logo-seasonalliving2024-linear@2X.png");
	background-repeat: no-repeat;
	background-color: #FFFFFF; 
	background-position: 50%;
	background-size: contain;
	position: relative;
	width: 306px;
	height: 60px;
	margin-left: 10px;
	margin-left: 1vw;
	    z-index: 2;
}

#Header h2.logoText {
    position: absolute;
    top: -1000px;
}

#Promotion {
    background: #fff;
    display: block;
    padding: 0;
    position: relative;
	clear:both;
	max-height: 380px;
	overflow:hidden;
}
#Promotion img{
	height: auto;
	width: 100%;
}



#Header-Spacer {height: 60px; }




#banner {position: relative; background-color: #666666;}

#banner:after {
content: '';
	position:absolute;
	left:0; top:33%; bottom:0; right:0;
	z-index: 0;
}

.page #banner { margin-bottom: 60px; }


.featured-banner {}

#featured-image { }

.private-header {
	font-size:.5em; 
	display:block; 
	color:#666; 
	text-transform:uppercase;
	letter-spacing: 2px;
}


/* = TOP Menu
-------------------------------------------------------------- */

.menu-logged-in { display: none; } /* Only show when logged in */
.logged-in .menu-logged-in { display: list-item; }
.logged-in .menu-logged-out { display: none; } /* Only show when logged out */


#TopNav {
	height: 34px;
	background: #CCC; 
	width: 100%;
}

nav ul,
nav li {
	list-style: none outside none;
    padding: 0;
    margin: 0;
}

#menu-top-menu {
    list-style: none outside none;
    padding: 0;
    margin: 0;
    display: flex;
    font-size: .75em;
    justify-content: flex-end;
}
#menu-top-menu li {
    padding: 0 .75%;
    line-height: 34px;
    }
#menu-top-menu li a {
   color: #FFFFFF;
   text-decoration: none;
   text-transform: capitalize;
   letter-spacing: 1px;
   display: block;
   height: 100%;
}
#menu-top-menu li a:hover {
	}

#menu-top-menu li ul {
    display: none;
    position: absolute;
    text-align: center;
    width: auto;
    z-index: 1001;
    margin:0;
    white-space: nowrap;
    margin-left: -1em;
    background: #666;
}
#menu-top-menu li:hover .sub-menu {
    display:block;
}

#menu-top-menu li .sub-menu li { text-align: left; }

#menu-top-menu li .sub-menu li a { padding: 1em; }

#menu-top-menu li:hover { background: #EFEFEF; background: rgba(0,0,0,.1);}

#menu-top-menu li:hover ul {    /* display: block;			Disabled for slidetoggle*/ }




#ShoppingCart {
}
#ShoppingCart  a {
}


#menu-top-menu .welcome {
	color:#FFF;
	border:none;
	opacity:0.70;
	filter:alpha(opacity=70);
}





/* = MAIN Menu
-------------------------------------------------------------- */

#MainMenu {
	height: 60px;
	display: block;
	border-bottom: 1px solid #CCC;
	background: #FFF;
	position:relative;
	color: #000;
}




.icon-group {
 	position: absolute;
    right: 70px;
    display: flex;
    top: 0;
    z-index: 2;
    width: 100%;
    justify-content: flex-end;
	pointer-events: none;
}
.icon-buttons {
	min-width: 40px;
    height: 60px;
    line-height: 60px;
    font-size: 1.2em;
    text-align: center;
	flex-shrink: 0;
	pointer-events: all;
}

#MainMenu .icon-buttons > a,
#SearchBlock.icon-buttons  a {	color: #666; }

#MainMenu .icon-buttons > a,
#SearchBlock.icon-buttons  a {
	height: 100%;
    width: 100%;
    display: block;
	background: #FFF;
	
	-webkit-transition: 	background 200ms ease-out;
    -moz-transition: 		background 200ms ease-out;
    -o-transition: 			background 200ms ease-out;
    transition: 			background 200ms ease-out;
}
#MainMenu .icon-buttons:hover > a,
#SearchBlock.icon-buttons:hover  a {
	background: #EEE;
}

.menu-main-menu-responsive-container { }
.main-nav { display:block; }

#mainnav {
    padding: 0;
    margin: 0;
	width: 100%;
	position:absolute;
	top:0;
}



#menu-main-menu,
#menu-main-menu-responsive {
    list-style: none outside none;
	margin: 0;
}

ul#menu-main-menu {
	display:flex;
	justify-content: center;
}

#mainnav ul#menu-main-menu > li {
    display: block;
    margin: 0;
    padding: 0 0.5vw;
    line-height: 60px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #111;
    white-space: nowrap;
    border-bottom: 4px #FFF solid;
    height: 56px;
    position: relative;
}

#mainnav #menu-main-menu > li a  {
    color: #474746;
    position: relative;
    text-decoration: none;
	display: block;
}
#mainnav ul li a span {
}
#mainnav #menu-main-menu  {
    color: #fff;
}

#mainnav #menu-main-menu  li { font-size: 12px; }
#mainnav #menu-main-menu > li  { font-size: 13px; }
#mainnav #menu-main-menu > li  .menu-item-category { font-size: 14px; }


#mainnav ul li:active {
}
#mainnav ul li:active a {
}
#mainnav ul li:first-child + a:active {
}
#mainnav ul li a:hover span {
    cursor: pointer;
}
#mainnav ul li a.current, #mainnav ul li a.section, #mainnav ul li:hover a.section, #mainnav ul li:hover a.current {
}
#mainnav ul li a.current span, #mainnav ul li a.section span, #mainnav ul li a.section:hover span, #mainnav ul li a.current:hover span {
    color: #444;
}

#MainMenu .sub-menu {
    background: #EBEAE8;
    display:block;
    padding: 30px;
    position: absolute;
    text-align: left;
    z-index: 1000;
    margin:0;
    margin-top: 1px;
    line-height: 1.2;
    border-bottom: 1px solid #CCC;
    left: -24px;
	min-width: 10em;

 }


#menu-main-menu > li:not(.menu-item-shop) > ul.sub-menu,
#menu-member-menu .sub-menu
{	
	opacity: 0;
	visibility: hidden;
	
	transform: scaleY(0.0);
    transform-origin: top center;
	
	-webkit-transition: 	opacity 200ms ease-out, transform 150ms ease-in-out, visibility 150ms ease-in-out;
    -moz-transition: 		opacity 200ms ease-out, transform 150ms ease-in-out, visibility 150ms ease-in-out;
    -o-transition: 			opacity 200ms ease-out, transform 150ms ease-in-out, visibility 150ms ease-in-out;
    transition: 			opacity 150ms ease-out, transform 150ms ease-in-out, visibility 150ms ease-in-out;
}

#menu-main-menu > li:hover:not(.menu-item-shop) > ul.sub-menu,
#menu-member-menu :hover .sub-menu  {
	opacity:1;
	visibility: visible;
	transform: scaleY(1.0);
}



/*
#mainnav li.menu-item-shop .sub-menu {
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 40px 0 40px 40px;
    padding: 3vw 0 3vw 3vw;
}

#mainnav ul#menu-main-menu > li.menu-item-shop { position:static; }


#mainnav li.menu-item-shop:hover > ul.sub-menu {
	/*display:flex;
	justify-content: flex-start;
}
*/




#mainnav  li.menu-item-shop > ul.sub-menu {
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 40px 0 40px 40px;
    padding: 3vw 0 3vw 3vw;
	display: flex;
	justify-content: flex-start;
	
	opacity: 0;
	visibility: hidden;
	
	transform: scaleY(0.0);
    transform-origin: top center;
	
	background: #EBEAE8;
	
	-webkit-transition: 	opacity 200ms ease-out, transform 150ms ease-in-out, visibility 150ms ease-in-out;
    -moz-transition: 		opacity 200ms ease-out, transform 150ms ease-in-out, visibility 150ms ease-in-out;
    -o-transition: 			opacity 200ms ease-out, transform 150ms ease-in-out, visibility 150ms ease-in-out;
    transition: 			opacity 150ms ease-out, transform 150ms ease-in-out, visibility 150ms ease-in-out;
	
}

#mainnav ul#menu-main-menu > li.menu-item-shop { position:static; }

#menu-main-menu > li.menu-item-shop.active  > ul.sub-menu {
}

#mainnav li.menu-item-shop:hover > ul.sub-menu {
	opacity:1;
	visibility: visible;
	transform: scaleY(1.0);
}

#mainnav li.menu-item-category .sub-menu,
#mainnav #menu-main-menu .featured-menu-images .sub-menu { left:0; }


#mainnav  .menu-item-category {padding: 0 2.5vw 0 0 ;}

#mainnav .menu-item-category > a {
	display: inline-block;
    padding: 10px 0 10px 10px;
    border-bottom: 1px solid #AAA;
    box-sizing: border-box;
    line-height: 1;
    letter-spacing: 1.5px;
	margin-bottom: 10px;
}




#mainnav li.menu-item-category .sub-menu {
	display:block;
	position:relative;
	border:none;
	padding:0;
}

#mainnav li.menu-item-collections > .sub-menu {
	columns: 2;
	column-gap: 1vw;
}


#mainnav .menu-item-category .sub-menu li,
#mainnav ul li ul li:not(.menu-item-category),
#menu-member-menu .sub-menu li {
	letter-spacing: 1px;
	text-transform: initial;
	font-weight: normal;	
	background-color: transparent;
	transition: 			background-color 200ms ease-out, border-left 200ms ease-out;
	
    text-transform: uppercase;
}
#mainnav .menu-item-category .sub-menu li a,
#mainnav ul li ul li:not(.menu-item-category) a,
#menu-member-menu .sub-menu li a {
	display:block;
	padding: .5em .5em .5em .75em;
}



#mainnav .menu-item-category .sub-menu .menu-item-sub-category {
	font-weight: 600;
	margin-bottom: 16px;
}
#mainnav .menu-item-category .sub-menu .menu-item-sub-category li {
	max-width: 240px;
	white-space: normal;
}

#mainnav .menu-item-category .sub-menu .menu-item-extend-column { margin-bottom: 300px; }


#mainnav .menu-item-category.menu-item-single-col .sub-menu  {
	min-width: 170px;
    width: auto;
	white-space: normal;
}

/*'#menu-main-menu > li, #menu-member-menu > li').not('.menu-item-shop')*/

#mainnav #menu-main-menu .menu-item-category > a:hover { color: #FFF; background-color: #555; }

#mainnav #menu-main-menu .menu-item-category .sub-menu li a:hover,
#mainnav ul li ul li:not(.menu-item-category) a:hover,
#menu-member-menu .sub-menu li a:hover { 
	background-color: #D7E1E4;
}

#mainnav #menu-main-menu .menu-item-category .sub-menu li:hover a { color: #666;  }

#mainnav .menu-item-flyout {/* min-width: 28vw; */margin-right: 12vw;}

#mainnav .menu-item-flyout .sub-menu { 
}

#mainnav .menu-item-flyout .sub-menu li a { position:relative; }

/* left arrow */
#mainnav .menu-item-flyout > .sub-menu > .menu-item-has-children > a:after {
	content: '';
    right: 0px;
    width: 0;
    height: 0;
    border-top: .583em solid #FFF0;
    border-bottom: .583em solid #FFF0;
    border-right: .5em solid #666;
    position: absolute;
    top: .45em;
    transform: rotate(180deg)  scale(0.5);
	transition: transform 50ms ease-in;
}
#mainnav .menu-item-flyout > .sub-menu > .menu-item-has-children:hover > a:after {
    transform: rotate(0deg)  scale(1);
}

#mainnav .menu-item-flyout .sub-menu .sub-menu {
	background: #FFF4;
	display: none;
	position: absolute;
	    transform: translateX(100%);
	top: 0px;
	margin: 0;
	border-left: 1px solid #CCC;
	max-width: 300px;
	bottom: 0;
	right:0;
}
#mainnav .menu-item-flyout .sub-menu li:hover .sub-menu {
	display:block;
}
#mainnav .menu-item-flyout .sub-menu .sub-menu li { margin-left: -1px; border-left: 1px solid #CCC; }



/* Member Menu  */

#menu-member-menu {position: static;}

#menu-member-menu .sub-menu {
	position: absolute;
	right:0;
	text-align: left;
	display:block;
	left: auto;
	min-width:inherit;
}

#menu-member-menu :hover .sub-menu {
	/*display:block;*/
}

#menu-member-menu .sub-menu li {
    font-size: 12px;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#menu-member-menu .sub-menu li a {
	text-decoration: none; 
	color: #111;
}


/* red menu link */

#mainnav #menu-main-menu .red.menu-item a {color:#dd0000;}




/* Featured Menu Images */

#mainnav #menu-main-menu .featured-menu-images {line-height:0;padding: 0;margin: 0; border:0;}

#mainnav #menu-main-menu .featured-menu-images a { font-size: 0;  padding: 0; } 

#mainnav #menu-main-menu .featured-menu-image { }

#mainnav #menu-main-menu .featured-menu-images .sub-menu {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding: 0;
    border: none;
    margin: 0 2.1em 0 0;
    width: 300px;
    height: 480px;
 
 }

#mainnav #menu-main-menu .featured-menu-image {
	display:block;
	width: 50%;
	height: 100%;
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 100%;
	border: 1px solid #FFF;
	box-sizing: border-box;
	}
	
#mainnav #menu-main-menu .featured-menu-image:nth-child(1) { width: 100%; background-image: url(/wp-content/uploads/2024/10/2025_enviro_SERENIQUE_HAMBURGER-SHOT_C2_OUT.jpg); }
/*#mainnav #menu-main-menu .featured-menu-image:nth-child(2) { background-image: url(/wp-content/uploads/2021/06/enviro_2021_muller_commercial_5_web-800x533.jpg); background-position: 80% 100%;}
#mainnav #menu-main-menu .featured-menu-image:nth-child(3) { background-image: url(/wp-content/uploads/2017/01/slide-enviro_2017_mellini_2400_web-800x525.jpg); background-position: 10% 100%; }
*/

#mainnav #menu-main-menu .featured-menu-image a { display: block; width: 100%; height: 100%; }




#MainMenu li > a { color: #000;}


		



/* HAMBURGER */

#responsive-menu { display:none;}



#mainnav #responsive-menu {
	display:block; 
	position: fixed ; 
	top:63px; 
	bottom: 0; 
	left:105%; 
	width: 100%; 
	background:#FFFFFF;
	overflow: auto;
	
	-webkit-transition: 	left .3s ease-out;
  	-moz-transition: 		left .3s ease-out;
  	-o-transition: 			left .3s ease-out;
  	transition: 			left .3s ease-out;
	}
#mainnav #responsive-menu ul { display: block; 	padding: 1em 0.4em 1.5em;}
#mainnav #responsive-menu ul li { display: block; width: auto; padding: 0; position:relative;}
#mainnav #responsive-menu ul li a{ display:block; padding: 0.8em 4vw; text-align: left; font-size: 1.2em; line-height: 1.1; color: #111111; text-decoration:none; cursor:pointer; width:auto;}


/*#mainnav #responsive-menu ul li.menu-item-has-children:after { 
	content: '';
	background: url(images/icon-right-arrow.png) no-repeat;
	position: absolute;
	right: 0px;
	top: 0;
	display: block;
	width: 50px;
	height: 100%;
	background-size: 10px 16px;
	background-position: 50% 47%;
}*/




#mainnav #responsive-menu ul li .sub-menu { 
	position: fixed;
	left: 105%;
	width:100%;
	top: 69px;
	bottom: 0;
	
	display: block;
	padding:  3em 0;
	border-bottom: none;
	overflow: auto;
	
	-webkit-transition: 	left .3s ease-out;
  	-moz-transition: 		left .3s ease-out;
  	-o-transition: 			left .3s ease-out;
  	transition: 			left .3s ease-out;
}

#mainnav #responsive-menu ul li.openmenu > .sub-menu { 
	left: 0;
}
/*#mainnav #responsive-menu ul li .sub-menu:after { 
	content: '';
	background: url(images/icon-back-arrow.png) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0.8em 1.6em;
	color: #666;
	line-height: 1;
	width: 2em;
	height: 2em;
	background-size: 32px;
	background-position: 50%;
}
*/
#mainnav .border-top { border-top:1px solid #DDD; }



#mainnav #responsive-menu ul li .sub-menu .sub-menu  {
	position: relative;
	left:auto;
	top:auto;
	bottom:auto;
	padding: 0;
}
#mainnav #responsive-menu .sub-menu .sub-menu  li { }
#mainnav #responsive-menu .sub-menu .sub-menu  li a { 
	padding: 7px 4vw; 
	font-size: .9em; 
}
#mainnav #responsive-menu .sub-menu li.menu-item-collections > .sub-menu {
	column-count: auto;
}
#mainnav #responsive-menu .menu-item-category .sub-menu .menu-item-extend-column {margin-bottom: 16px;}
#mainnav #responsive-menu .menu-item-category .sub-menu .menu-item-sub-category li	{ max-width: none;}

#mainnav #responsive-menu .menu-item-flyout .sub-menu .sub-menu {
	transform: none;
	font-size: .8em;
	background: transparent;
	margin-left: 10px;
	right: auto;
	max-width: none;
	border: none;
}
#mainnav #responsive-menu .menu-item-flyout .sub-menu .sub-menu li {border: 0px; margin: 0;}
#mainnav #responsive-menu .menu-item-flyout > .sub-menu > .menu-item-has-children > a:after { display: none; }
#mainnav #responsive-menu .menu-item-flyout { margin-right: 0;}
	
	
	
#hamburger-menu { display:block;}
#hamburger { 
    width: 80px;
    padding: 18px 18px;
    position: fixed;
    cursor: pointer;
    z-index: 1000;
    font-size: 1em;
    top: 0;
    right: 0;
    box-sizing: border-box;
    height: 60px;
	display: none;
}

#hamburger .layer { 
	width: auto;
	height: 1px;
	background: #474746;
	position: relative;
	margin-bottom: 10px;
 }
 
#hamburger #layer3 {margin-bottom: 0;}
#hamburger:hover .layer {  }

#hamburger-menu:hover #mainnav.js { display:block;  opacity:1; }
#hamburger-menu:hover + .entry-header.js  { display:none; }

#mainnav li.mobile-menu { display: none; }



#hamburger .layer { 
	-webkit-transition: 	transform 500ms ease-out, top 500ms ease-out, opacity 500ms ease-out, bottom 500ms ease-out;
    -moz-transition: 		transform 500ms ease-out, top 500ms ease-out, opacity 500ms ease-out, bottom 500ms ease-out;
    -o-transition: 			transform 500ms ease-out, top 500ms ease-out, opacity 500ms ease-out, bottom 500ms ease-out;
    transition: 			transform 500ms ease-out, top 500ms ease-out, opacity 500ms ease-out, bottom 500ms ease-out;
}

#layer1 { top:0; transform: rotate(0deg);}
#layer2 { opacity:1; transform: rotate(0deg);}
#layer3 { bottom:0; transform: rotate(0deg);}

#hamburger.active #layer1 { top:11px; transform: rotate(135deg); }
#hamburger.active #layer2 { opacity: 0; transform: rotate(360deg);  }
#hamburger.active #layer3 { bottom:11px; transform: rotate(-135deg); }




/* =Searchform
-------------------------------------------------------------- */
#SearchBlock {
    display: block;
	position:relative;
	overflow:hidden;
	text-align: left; 
	width: 0%;
	
	-webkit-transition: 	width 300ms ease-out;
    -moz-transition: 		width 300ms ease-out;
    -o-transition: 			width 300ms ease-out;
    transition: 			width 300ms ease-out;
}

#SearchBlock.expand-search { width: 60%; width: calc(100% - 470px); }

#SearchBlock #CloseSearch {
	display: none;
    font-size: 40px;
    line-height: 60px;
    height: 60px;
    width: 60px;
    text-align: center;
    text-decoration: none;
    color: #666;
    cursor: pointer;
    flex-shrink: 0;
    position: absolute;
    top: 0;
    right: 0;
}

#SearchContainer {
	width: auto;
	text-align: left;
	white-space: nowrap;
}

#SearchIcon {
	position:absolute;
	width: 60px; 
	text-align: center;
	z-index: 2;

}

#SearchBlock.expand-search #SearchIcon { display:none; }


#SearchBlock form#searchform {
    
}
#SearchBlock #searchform input[type="text"] {
	box-sizing: border-box;
	box-shadow: none;
    -moz-box-shadow: unset;
    -webkit-box-shadow: none;
    border: none;
    line-height: 60px;
    padding: 0 70px 0 70px;
    font-size: 1em;
    width: 100%;
	background: #FFF;
    font-weight: bold;
    letter-spacing: 2px;
    vertical-align: top;
}
#SearchBlock #searchform input[type="text"]:focus {
	outline: none;
}

#SearchBlock #searchsubmit {
	width: 60px;
	height: 60px;
	line-height: 60px;
	background: #FFF;
	border: none;
	font-size: 1em;
    box-sizing: border-box;
    padding: 0;
	position: absolute;
    left: 0;
    top: 0;
	z-index: 1;
	cursor:pointer;
}

#SearchBlock #searchsubmit:hover {
	background: #EEEEEE;
	
	-webkit-transition: 	background 200ms ease-out;
    -moz-transition: 		background 200ms ease-out;
    -o-transition: 			background 200ms ease-out;
    transition: 			background 200ms ease-out;
}

#SearchBlock #searchform input[type="submit"] {
	
}
#SearchBlock #searchform input[type="submit"]:hover {
}




/* =Search Results */
	
.search-item { }

.search-featured-image img { width: 170px; height: auto; }

.search-item  .entry-content { color: #999; }

.search-found { font-size: .75em; text-transform: uppercase; color: #999; }

.search-item h2, .search-item .entry-content { clear: none; }

@media screen and (min-width: 600px) {  
.search-featured-image { float:left; padding-right: 20px; width: 170px; min-height: 120px; }
}




/* Home PAGE
-------------------------------------------------------------- */



#Content h1.home-title {
	font-family: 'Noto Serif', serif;
	font-weight: 300;
	font-style: italic;
	font-size: 3.5em;
	color: #FFF;
	text-align: left;
	padding-bottom: 30px;
	text-shadow: 1px 1px 1px #00000099;
	line-height: 1em;
	}
#Content h1.home-title br {display: none;}

#Home-Intro { text-align: center; }



.collection-titles {
	margin:80px 0 80px; 
	font-size: 3em; 
	font-weight: 200; 
	justify-content: center;
	vertical-align: middle;
	height: 56px;
	display: flex;
}
.collection-titles img,
.collection-titles span { display: block; line-height: 72px; margin: 0 0.5em; height: 56px;}
 



#Design-Continuum {
	background: url(/wp-content/uploads/2024/10/2025_enviro_SERENIQUE_HAMBURGER-SHOT_C2_OUT.jpg) no-repeat 50% 100%; 
	background-size: cover; 
}
#Spotlight-1 {
	/*background: url(/wp-content/uploads/2025/01/spotlight-craftsmanship.jpg) no-repeat 70% 100%;*/ 
	background: url(/wp-content/uploads/2026/04/Handcrafted-Welding-Shop-4.jpg) no-repeat 50% 50%; 	
	background-size: cover; 
}
#Spotlight-2 {
	background: url(/wp-content/uploads/2025/04/9-2.jpg) no-repeat 60% 100%; 
	background-size: cover; 
}
#Spotlight-3 {
	background: url(/wp-content/uploads/2025/01/spotlight-Gary-Camels.jpg) no-repeat 30% 60%; 
	background-size: cover; 
}


.spotlight { 
	width:100vw; 
	max-height: 800px; 
	height: 75vw;
	position: relative; 
	margin-bottom: 1px;
}

.home .spotlight { 
	height: 62.5vw; 
	max-height: 600px; 
}

.spotlight::before {content:''; position: absolute; top:0; left:0; right:0; bottom:0; 
	 z-index: 0;
	background: #474746;
	background: linear-gradient(to right, rgba(50,50,49,0.6) 10%, rgba(71,71,70,0.1) 100%);
}
.spotlight.spotlight-right::before {
	background: linear-gradient(to left, rgba(50,50,49,0.6) 10%, rgba(71,71,70,0.1) 100%);
}

.spotlight .sitewidth {height: 100%;}

.spotlight-container { position: absolute; top: auto; bottom: 0; left:0; right:auto; width: 33%;
		text-shadow: 1px 1px 0px #00000099; }

.spotlight-left { text-align: left; }
.spotlight-right .spotlight-container { text-align: right; left: auto; right:0; }
.spotlight-header {}
.typography .spotlight-title { text-align: left; margin-bottom: 20px;}
.typography .spotlight-right .spotlight-title { text-align: right; }
.spotlight-copy {
	font-family: noto serif, serif;
	font-weight: 300;
	font-size: 1.3em;
	border-left: 1px solid #FFF;
	padding: 0 1em 10vh 1em;
}
.spotlight-right .spotlight-copy { border-left: none; border-right: 1px solid #FFF; }
.spotlight-copy span { display: block;  transform: translateY(-9px); }



	


#Section-Home-Blog{}

#Section-Home-Blog .section-header { margin-bottom: 60px; }

#Section-Home-Blog .blog-flex {
	display:flex;
	flex-wrap:wrap;
	width: 100%;
    align-items: stretch;
	margin: 0;
	position: relative;
}



#Section-Home-Blog .blog-flex-column-2 {
	display: flex;
	flex-direction: column;
	flex: 1;
	    height: calc(1300px* 0.44);
}
#Section-Home-Blog .blog-flex-item {
    position: relative;
	overflow: hidden;
	margin: 0;
	    height: calc(1300px* 0.44);
}


#Section-Home-Blog .blog-flex > .blog-flex-item:nth-child(1) {
	flex: 2;
    margin: 0 20px 0 0;
}
#Section-Home-Blog .blog-flex-column-2 .blog-flex-item {
	flex: 1; 
}
#Section-Home-Blog .blog-flex-column-2 .blog-flex-item:nth-child(1) {
	margin-bottom: 20px;
}
#Section-Home-Blog .blog-flex-column-2 .blog-flex-item:nth-child(2) {
}


.blog-thumb {line-height: 0; height: 100%;}

.blog-thumb,
.blog-content,
#Section-Home-Blog .widget-container  {  box-sizing: border-box; margin:0; }


.blog-thumb img { width: 100%; height:auto; }

#Section-Home-Blog  .blog-thumb img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}
	

#Section-Home-Blog .blog-content a {color: #FFF; text-decoration: none;}
	
.blog-content {
	position: absolute;
	top:auto; left:0; right:0; bottom:0;
    
}

.blog-flex-item::before {
	content: '';
	position: absolute;
	top:50%; left:0; right:0; bottom:0;
	background: #474746AA;
    background: -webkit-linear-gradient(0deg, rgba(50, 50, 49, 0.9) 5%, rgba(71, 71, 70, 0.0) 100%);
    background: -o-linear-gradient(0deg, rgba(50, 50, 49, 0.9) 5%, rgba(71, 71, 70, 0.0) 100%);
    background: linear-gradient(0deg, rgba(50, 50, 49, 0.9) 5%, rgba(71, 71, 70, 0.0) 100%);
    transition: top 500ms ease-out;
}
.blog-flex-item:hover::before {
	top:0;
}

#Section-Home-Blog .blog-flex #block-2 {
	padding: 60px;
    padding: 1vw 3vw;
	padding-bottom: .8vw;
}


#Section-Home-Blog .entry-title { 
    font-size: 1.4em;
    font-weight: 400;
    border-left: 1px solid #FFF;
    margin-left: 1em;
    padding: 0 1em 1em 0.5em;
}


#Section-Home-Blog .sticky {
    background: none;
    border-top:none;
    margin: 0;
    padding: 0;
	
}

.home #Column1 { 
	padding: 20px 0;
	max-width: 100%;
}

.home .promoBox {
    background: #fff;
    
    margin: 0 0 10px;
	height: 100%;
	width: 485px;
}
.home .addPadding {
    padding: 10px;
	width: 465px;
}
.home #Promotion {
    height: auto;
	overflow: hidden;
	max-height:inherit;
}
.home #Promotion img {
}



#Home-Story {}

#Home-Story .flex-columns { align-items: flex-end;}
#Home-Story .flex-items {  }
#Home-Story .our-story {
	width: 54%;
}
#Home-Story .flex-columns .flex-item:nth-child(2) { width: 42%; overflow: hidden; }

#Home-Story img {
	width: 100%;
	height: 100%;
}

#Home-Story .section-title { border: none; padding-bottom: 20px; }







#Column1 .xoxo .widget-container {
    background: #fff;
	padding: 20px 0;
	display:block;
	vertical-align: top;
    flex:1;
    margin: 5px 0 5px 1.5%;
	}

#Column1 .xoxo .widget-container:first-child {
margin-left:0;
}

#Column1 .fullwidth .widget-container img { max-width: none; width: 100%; height: auto;}
#Column1 .xoxo .widget-container img {}
#Column1 .xoxo .image.widget-container p { margin:0; padding:0; line-height: 0; }
#Column1 .xoxo .image.widget-container	 { padding:0; line-height: 0;}
#Column1 .xoxo .widget-container img.alignnone	 { width: 100% ; height: auto; margin-bottom: -4px; }
#Column1 .xoxo .fixed-image { background-attachment: fixed; background-size:cover; height: 600px; }
	
#Column1 .xoxo .single { width: 32.5%; }
#Column1 .xoxo .half { width: 49.5%; }
#Column1 .xoxo .double { width: 66%; flex:2; }
#Column1 .xoxo .full { width: 100%; }
/*#Column1 .xoxo .widget-spacer { display: block; width: 14px; margin: 0;  }
#Column1 .xoxo .widget-spacer:last-child { display:none; }
*/







/* =HOME SLIDESHOW
-------------------------------------------------------------- */

/* SL Magazine Promo Overlay Ad */
.magazine-overlay { 
display:block;
position:absolute; 
top: 0px; left: 50%;
transform: translateX(-50%);
width: 520px;
height: 176px;
background:url('images/overlay-sl-magazine.png') no-repeat;
background-size: contain;
z-index: 20;
}


/* Specify Swiper's Size: */
.slideshow .swiper-container, .slideshow .swiper-slide {
  width: 100%;
  height: 100%;
}

.slideshow  .swiper-pagination {
	position: absolute;
	z-index: 2000;
	left: auto;
	right: 2vw;
	bottom: 2vw;
	width:auto;
}
.slideshow  .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 8px;
  background: #222;
  margin-right: 5px;
  opacity: 0.5;
  border: 1px solid #fff;
  cursor: pointer;
}

.slideshow  .swiper-pagination-bullet {
	background: #FFFFFF;
	opacity: .5;
	width:10px;
	height: 10px;
}
.slideshow  .swiper-pagination-bullet-active {
	opacity: .9;
}

.slideshow  .swiper-visible-switch {
  background: #aaa;
}
.slideshow .swiper-active-switch {
  background: #CCC;
}
  
.swiper-button-prev:after, .swiper-button-next:after {
  display:none; 
}

.swiper-button-prev, .swiper-button-next {
    /*background-image: url(images/swiper-arrows.png);
	background-repeat: no-repeat;
	background-size: 100%;*/
    width: 34px;
    height: 80px;
    margin-top: -40px;
    opacity: .8;
	color: #555A;
}
  
.swiper-button-prev:hover, .swiper-button-next:hover { opacity: 1; }
.swiper-button-prev { background-position: top left; left: 20px;}
.swiper-button-next { background-position: bottom left; right: 20px;}
  
  
#HeroSwiper { 
	height: 600px;
	height: calc(100vh - 100px);
	background-color: #000;
}
#HeroSwiper .slideshow-content {
	position:absolute;
	z-index: 20;
	left: 100px;
	top: 100px;
	left: 8vw;
	top: 8vw;
	width: 420px;
	color: #FFF;
	font-size: 1.5em;
	 text-shadow: 1px 1px 2px #000d;
		transform: translateY(0);
		
			
	-webkit-transition: transform 400ms ease-in-out 500ms;
    -moz-transition: 	transform 400ms ease-in-out 500ms;
    -o-transition: 		transform 400ms ease-in-out 500ms;
    transition: 		transform 400ms ease-in-out 500ms;

}

#HeroSwiper .slideshow-content .button {
	    text-shadow: none;
}

#HeroSwiper .slideshow-title {
	/* font-size: 2.2em; */
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.2;
	margin-bottom: 0.5em;
	color: #FFF;
}

#HeroSwiper .slideshow-copy {
	/* font-size: 1.5em; */
	line-height: 1.5;
	margin-bottom: 1em;
}


#HeroSwiper .swiper-slide-active .slideshow-content {
			transform: translateY(0);
}


#HeroSwiper .swiper-slide:before {
	content:'';
	z-index: 1;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	pointer-events: none;

}


.mag-image {
position: absolute;
    right: -45vw;
    top: -2.5vh;
    transform: rotate(4deg);
    width: 33vw;
    height: auto;
    line-height: 0;
    z-index: -1;
}

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

.mag-image { 
    right: -35vw;
    top: 7.5vh;
    transform: rotate(4deg);
    width: 40vw;
}
}    
@media screen and (max-width: 800px) {  

.mag-image { 
	right: -30vw;
    top: 13vh;
	width: 50vw;
}
}    





/*
Winter Dark
28,34,51
1C2233

Spring Dark
30,38,15
1E260F

Summer Dark
18,31,12
121F0C	

Fall Dark
40,23,8
281708
*/




/* Disable Swiper if <2 images */
.swiper-wrapper.disabled {
    transform: translate3d(0px, 0, 0) !important;
}
.swiper-pagination.disabled {
    display: none;
}






/* =Content
-------------------------------------------------------------- */

#Content, .fabricUpgrade {
    background: #fff;
    
    clear: both;
    padding: 0;
	
}
	
.fabricUpgrade {
   /* width: 982px;*/
}
.home #Content {
	background:none;
    margin: 0 0 10px 0;
}

#Content.widget {
	border:none;
	margin:0
}

#Column1 {
    margin: 0;
    padding: 20px 0;
    width: auto;
}

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

.page-template-blog-main-php #Column1,
.single #Column1 { 
	width: 62%;
	padding-right: 0;
}

.tax-collection #Column1,
.tax-material #Column1,
.tax-product_category #Column1,
.tax-product_tag #Column1,
.page-id-0 #Column1 {
	padding: 10px 0;
}

#content,
#content input,
#content textarea {
	color: #333;
	font-size: 16px;
	line-height: 24px;
}



.typography h1.product-title,
.typography h2.product-title  {
font-size: 28px; 
line-height: 1.2;
letter-spacing: 1px;
/*padding: 14px 2% 30px;*/
color: #010101;
	text-transform: uppercase;
}

.productSwiper .swiper-slide a .productTitle,
.productSwiper h2.woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3 {
	display:block;
	padding:.5em 0;
	margin: 0;
	font-size:.8em;
	line-height:1.2;
	/*text-transform:uppercase;*/
	letter-spacing: .5px;
	color:#222;
}

.woocommerce-loop-product__title .variation-title {
}

.product-title span,
.woocommerce-loop-product__title span {
	display: block;
	font-weight: 600;
	text-transform: capitalize;
}



.single-product #Column1,
.single-sl_fabric #Column1 {
    margin: 0;
	padding: 20px 0;
	width: 66%
}
.single-product #Column2,
.single-sl_fabric #Column2 {
    margin: 0;
	padding: 10px 0 15px 0;
    width: 30%;
}
#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
	margin-bottom: 24px;
}
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
	margin-bottom: 0;
}
#content pre,
#content kbd,
#content tt,
#content var {
	font-size: 15px;
	line-height: 21px;
}
#content code {
	font-size: 13px;
}
#content dt,
#content th {
	color: #000;
}
#content table {
	border: 1px solid #e7e7e7;
	margin: 0 -1px 24px 0;
	text-align: left;
	width: 100%;
}
#content tr th,
#content thead th {
	color: #888;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
#content tr td {
	border-top: 1px solid #e7e7e7;
	padding: 6px 24px;
}
#content tr.odd td {
	background: #f2f7fc;
}

.hentry  {
	margin: 0 0 48px 0; }
	
.page-template-blog-main .hentry  {
	margin: 0 0 30px 0;
	padding-bottom: 30px;
	border-bottom: 1px #DDD solid;
}

.home .sticky {
	background: #f2f7fc;
	border-top: 4px solid #000;
	margin-left: -20px;
	margin-right: -20px;
	padding: 18px 20px;
}
.single .hentry {
	margin: 0 0 36px 0;
}
.page-title {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 36px 0;
}
.page-title span {

}
.entry-meta {
	color: #333;
	font-size: 12px;
}
.entry-meta abbr,
.entry-utility abbr {
	border: none;
}
.entry-meta abbr:hover,
.entry-utility abbr:hover {
	border-bottom: 1px dotted #666;
}
.entry-content,
.entry-summary {
	clear: both;
	padding: 12px 0 0 0;
}
#content .entry-summary p:last-child {
	margin-bottom: 12px;
}
.entry-content fieldset {
	border: 1px solid #e7e7e7;
	margin: 0 0 24px 0;
	padding: 24px;
}
.entry-content fieldset legend {
	background: #fff;
	color: #000;
	font-weight: bold;
	padding: 0 24px;
}
.entry-content input {
	margin: 0 0 0 0;
}
.entry-content input.file,
.entry-content input.button {
	margin-right: 24px;
}
.entry-content label {
}
.entry-content select {
	margin: 0 0 24px 0;
}
.entry-content sup,
.entry-content sub {
	font-size: 10px;
}
.entry-content blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 24px;
	text-align: right;
	width: 33%;
}
.entry-content blockquote.right {
	float: right;
	margin-left: 24px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}
.page-link {
	color: #000;
	font-weight: bold;
	margin: 0 0 22px 0;
	word-spacing: 0.5em;
}
.page-link a:link,
.page-link a:visited {
	background: #f1f1f1;
	color: #333;
	font-weight: normal;
	padding: 0.5em 0.75em;
	text-decoration: none;
}
.home .sticky .page-link a {
	background: #d9e8f7;
}
.page-link a:active,
.page-link a:hover {
	color: #ff4b33;
}
body.page .edit-link {
	clear: both;
	display: block;
}
#entry-author-info {
	background: #f2f7fc;
	border-top: 4px solid #000;
	clear: both;
	font-size: 14px;
	line-height: 20px;
	margin: 24px 0;
	overflow: hidden;
	padding: 18px 20px;
}
#entry-author-info #author-avatar {
	background: #fff;
	border: 1px solid #e7e7e7;
	float: left;
	height: 60px;
	margin: 0 -104px 0 0;
	padding: 11px;
}
#entry-author-info #author-description {
	float: left;
	margin: 0 0 0 104px;
}
#entry-author-info h2 {
	color: #000;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0;
}
.entry-utility {
	clear: both;
	color: #333;
	font-size: 12px;
}
.entry-meta a,
.entry-utility a {
	color: #888;
}
.entry-meta a:hover,
.entry-utility a:hover {
	color: #ff4b33;
}
#content .video-player {
	padding: 0;
}
.entry-header img { width: 100%; height:auto; }


/* =Typography
-------------------------------------------------------------- */
.typography * {
}
.typography {
    color: #474746;
    font-weight: normal;
    line-height: 1.8;
}
.typography p {
    margin: 0.2em 0 1.2em;
    font-size: 1em;
}

.typography .reverse { color: #FFF; }

#Sidebar p {
    clear: both;
    font-size: 1.1em;
    margin: 10px 10px 0;
}
.typography blockquote {
    color: #666666;
    font-size: 1.2em;
    font-style: italic;
    margin: 10px;
}
.typography img.border {
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px 3px 3px 1px;
    margin: 0 10px 10px 0;
    padding: 10px;
}
.typography img.no-border, .typography .no-border {
    border: medium none;
}
.typography a:hover img {
   /* opacity: 0.85;
	filter:alpha(opacity=85);*/
}
.typography a {
    color: #000000;
    text-decoration: none;
}
.typography a:hover {
    color: #666;
    text-decoration: underline;
}

.typography .entry-content p a:not(.button),
.typography .entry-content ul a:not(.button),
.typography article p a:not(.button),
.typography article ul a:not(.button)  { text-decoration: underline; }
.typography .entry-content p a:hover,
.typography .entry-content ul a:hover,
.typography article p a:hover,
.typography article ul a:hover { text-decoration: none; }



.typography a[href$=".pdf"]:not(.no-pdf-image):after, 
.typography a[href$=".PDF"]:after, 
.typography a.pdf:after {
	font-family: "Font Awesome 5 Free";
	content: '\00a0 \f1c1';
	font-size: 1.1em;
	line-height: 1;
	display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	
}

/*
.typography a[href$=".pdf"]:not(.no-pdf-image), .typography a[href$=".PDF"], .typography a.pdf {
    background: url(images/icon-PDF.png) no-repeat scroll left center #0000;
    background-size: contain;
    padding: 3px 0px 0px 30px;
}

.typography a[href$=".doc"], .typography a[href$=".DOC"], .typography a.doc {
    background: url("../images/icons/page_word.png") no-repeat scroll left center transparent;
    padding: 2px 2px 2px 20px;
}
.typography a[href$=".xls"], .typography a[href$=".XLS"], .typography a.xls {
    background: url("../images/icons/page_excel.png") no-repeat scroll left center transparent;
    padding: 2px 2px 2px 20px;
}
.typography a[href$=".gz"], .typography a[href$=".GZ"], .typography a[href$=".gzip"], .typography a[href$=".GZIP"], .typography a[href$=".zip"], .typography a[href$=".ZIP"], .typography a.archive {
    background: url("../images/icons/page_white_zip.png") no-repeat scroll left center transparent;
    padding: 2px 2px 2px 20px;
}
.typography a[href$=".exe"], .typography a[href$=".EXE"], .typography a.application {
    background: url("../images/icons/application.png") no-repeat scroll left center transparent;
    padding: 2px 2px 2px 20px;
}
*/

.typography ul, .typography ol {
    /*color: #555555;
    margin: 5px 20px;*/
}
.typography li {
    /*font-size: .94em;
    line-height: 1.5;
    margin: 5px 12px;*/
}
.typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 {
    color: #474746;
    padding: 10px 0 5px;
}
.typography #PageTitle {
    display: block;
}
.typography #PageTitle h1,
.typography #PageTitle h2 {
        font-size: 2.4em;
    letter-spacing: 2px;
    line-height: 1.1;
    padding: 2.3em 0;
    text-transform: uppercase;
    clear: none;
    text-align: center;
    font-weight: normal;
}
.archive .typography #PageTitle h1 {
}

.typography .reverse * {
    color: #FFF;
	border-color: #FFF;
}

.typography h1 {
    font-size: 2.2em;
    line-height: 1.2;
	padding-bottom: 12px;
}

.typography h2 {
    font-size: 1.6em;
    line-height: 1.2;
	text-transform: uppercase;
}

#PageTitle + h2,
#Column1 + h2{
	padding: 0 40px;
}

.product .typography h2, .tax-product_category .typography h2 {
    clear: left;
    display: block;
    font-size: 21px;
    letter-spacing: 3px;
    line-height: 1.2;
    padding: 7px 0 12px;
    text-transform: uppercase;
}
.typography h3 {
    font-size: 1.3em;
    line-height: 1.2;
}
.typography  #PageTitle h3 {
	padding: 10px 20px;
}
.typography h3.widget-title {
	padding: 5px 0 15px 0;
}
.tax-product_category .typography h3 {
	clear: both;
	color: #666666;
	font-size: 20px;
	line-height: 1.2;
	margin: 0 0 0 0;
	padding: 10px 10px 4px 0px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.typography h4 {
    font-size: 1.1em;
    line-height: 1.2;
}
.typography h5 {
    font-size: 1.0em;
    line-height: 1.4;
}
.typography h6 {
    color: #999999;
    font-size: 1em;
    line-height: 1.2;
    margin: 0;
    padding: 2px 0;
}
.typography .entry-content p {
    font-size: 1em;
    line-height: 1.7;
}
.typography .entry-meta {
}



.typography table {
   border-collapse: collapse;
	color: #333;
	font-size: 1em;
	margin: 10px 0;
	line-height: 1.2;
}

table.border-table {}

.typography .border-table td,
.typography .border-table th {
   	border: 1px solid #CCC;
    padding: .5em;
}




.typography p img {
	max-width: 100% !important;
	height: auto;
}


.typography .floatleft {
    float: left;
}
.typography .floatright {
    float: right;
}

.typography .alignleft {
    text-align: left;
}
.typography .aligncenter {
    text-align: center;
}
.typography .alignright {
    text-align: right;
}
.typography img.alignright {
    float: right;
    margin-left: 20px;
	margin-bottom: 10px;
	clear:right;
}
.typography img.alignleft {
    float: left;
	margin-right: 20px;
 	margin-bottom: 10px;
	clear:left;
}
.typography img.leftAlone {
    float: left;
    margin-right: 100%;
}
.typography img.aligncenter {
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.typography label {
    font-size: 1em;
}
.typography input.text, .typography textarea {
    font-size: 1em;
}
.typography p.MsoNormal, .typography p.MsoBodyText {
    margin: 0;
}
.typography #Content p.authorDate {
    color: #444444;
    margin-top: -15px;
}
.typography .checkbox label {
    display: inline;
    text-align: left;
}

/* Typography Login on Home
-------------------------------------------------------------- */

.typography #theme-my-login-3 .login { display:block; padding:0;}

.typography #theme-my-login-3 #loginform1 { clear:both;}

.typography #theme-my-login-3 h3.widget-title { float:left; padding: 20px 10px 0 0; font-size: 14px; text-transform:uppercase;}

.typography #theme-my-login-3 p {float:left; margin: 0 6px 0 0 ; padding:0;}

.typography #theme-my-login-3 label[for=user_login1],
.typography #theme-my-login-3 label[for=user_pass1]{
	font-size: 10px;
	padding:0;
	margin:0;
}

.typography #theme-my-login-3 input#user_login1,
.typography #theme-my-login-3 input#user_pass1 {
	width: 130px;
	padding:0;
	margin:0;
	background:#EFEFEF;
	}
 #theme-my-login-3 p.forgetmenot { padding:18px 0 0 6px ; font-size:10px;}
 #theme-my-login-3 p.submit { padding:15px 0 0 6px; }

.typography #theme-my-login-3 input#wp-submit1 {
	display:block;
	padding:3px 5px 3px;
	background:#010101;
	border:#999 1px solid;
	font-size: 12px;
	line-height:12px;
	color: #FFF;
	text-transform:uppercase;
}
.typography #theme-my-login-3 input#wp-submit1:hover {
	background:#666;
}


#theme-my-login-3 ul.tml-action-links {clear:both; display:block; margin:0; padding:0;}
#theme-my-login-3 ul.tml-action-links li { list-style:none; margin:0 5px 0 0 ; padding:0 10px 0 0; display:inline-block; border-right: 1px dotted #CCC; }



/* =Asides
-------------------------------------------------------------- */

.home #content .category-asides p {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
	margin-top: 0;
}
.home .hentry.category-asides {
	padding: 0;
}
.home #content .category-asides .entry-content {
	padding-top: 0;
}


/* =Gallery listing
-------------------------------------------------------------- */

.category-gallery .size-thumbnail img {
	border: 10px solid #f1f1f1;
	margin-bottom: 0;
}
.category-gallery .gallery-thumb {
	float: left;
	margin-right: 20px;
	margin-top: -4px;
}
.home #content .category-gallery .entry-utility {
	padding-top: 4px;
}


/* =Attachment pages
-------------------------------------------------------------- */

.attachment .entry-content .entry-caption {
	font-size: 140%;
	margin-top: 24px;
}
.attachment .entry-content .nav-previous a:before {
	content: '\2190\00a0';
}
.attachment .entry-content .nav-next a:after {
	content: '\00a0\2192';
}


/* =Images
-------------------------------------------------------------- */

#Content .attachment img {
	max-width: 1120px;
}
#Content .textwidget img {
	max-width: 1200px;
}
/*	#Content img.alignleft,	*/
#Content img.alignright,
#Content img.aligncenter {
	margin-bottom: 12px;
}
#Content .wp-caption {
	background: #f1f1f1;
	line-height: 18px;

	margin-bottom: 20px;
	padding: 4px;
	text-align: center;
}
#Content .wp-caption img {
	margin: 5px 5px 0;
}
#Content .wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
#Content .wp-smiley {
	margin: 0;
}
#Content .gallery {
	margin: 0 auto 18px;
	display:flex;
	flex-flow: wrap;
}
#Content .gallery .gallery-item {
	float: none;
	margin-top: 0;
	text-align: center;
	width: 20%;
}
#Content .gallery img {
	border: 2px solid #cfcfcf;
}
#Content .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
#Content .gallery dl {
	margin: 0;
}
#Content .gallery img {
	border: 10px solid #f1f1f1;
}
#Content .gallery br+br {
	display: none;
}
#Content .attachment img { /* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}


/* =Navigation
-------------------------------------------------------------- */

.navigation {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
}
.navigation a:link,
.navigation a:visited {
	color: #888;
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
	color: #333;
}
.nav-previous {

}
.nav-next {

}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin: -18px 0 0 0;
}


/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}


/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
	list-style: none;
	margin-left: 0;
}
.widget-area ul ul {
	list-style: square;
	margin-left: 1.3em;
}
.widget_search #s {/* This keeps the search inputs in line */
	width: 60%;
}
.widget_search label {
	display: none;
}
.widget-container {
	margin: 0 0 18px 0;
}
.widget-title {
	color: #222;
}
.widget-area a:link,
.widget-area a:visited {
	text-decoration: none;
}
.widget-area a:active,
.widget-area a:hover {
	text-decoration: underline;
}
.widget-area .entry-meta {
	font-size: 11px;
}
#wp_tag_cloud div {
	line-height: 1.6em;
}
#wp-calendar {
	width: 100%;
}
#wp-calendar caption {
	color: #222;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
	text-align: left;
}
#wp-calendar thead {
	font-size: 11px;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
	color: #aaa;
}
#wp-calendar tbody td {
	background: #f5f5f5;
	border: 1px solid #fff;
	padding: 3px 0 2px;
	text-align: center;
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	text-align: right;
}
.widget_rss a.rsswidget {
	color: #000;
}
.widget_rss a.rsswidget:hover {
	color: #ff4b33;
}
.widget_rss .widget-title img {
	width: 11px;
	height: 11px;
}
.typography .collection-widget-container h3.widget-title,
.typography  .fabricUpgrade h3 {
	color: #010101;
    font-size: 28px;
    letter-spacing: 3px;
    line-height: 41px;
    padding: 7px 0 7px 20px;
    text-transform: uppercase;
	background: url("images/bg-pagetitle.png") repeat-x;
}

.typography .collection-widget-container .textwidget p{
	font-size: 13px;
	line-height: 21px;
}


.typography h3.widget-title {
	color: #aaa;
    font-size: 18px;
    letter-spacing: 2px;
    text-transform: uppercase;
	padding: 2px 0 5px;
}
.home .widget_recent_entries h3.widget-title {
    font-size: 36px;
    padding: 5px 0 14px;
}

/* Main sidebars */
#main .widget-area ul {
	margin-left: 0;
	padding: 0 20px 0 0;
}
#main .widget-area ul ul {
	border: none;
	margin-left: 1.3em;
	padding: 0;
}

/* Content
-----------------------------------------*/

#Level2Promos {
	
}
#Level2Promos .xoxo{
	display:table;
	width:100%;
	}

.page-id-309	#Level2Promos { display:none; }
	
.promoBox, #Level2Promos .widget-container {
    background: none repeat #fff;
    height: auto;
    margin: 0 0 0 1.1667%;
    width: 32.5%;
	display:table-cell;
	vertical-align:top;
}
#Level2Promos .promoBox:first-child, #Level2Promos .widget-container:first-child {
    margin: 0;
}
.promoBox, #Level2Promos  .widget-spacer {
	display:table-cell; 
	width: 14px;
}
.promoBox, #Level2Promos  .widget-spacer:first-child { display:none;}

#Level2Promos .widget-container .textwidget { padding: 10px; }
#Layout #Level2Promos .widget-container .textwidget p { margin:0; }

#Level2Promos .widget-container .textwidget img.alignnone	 { width: 100%; height: auto; }

.promoBox .promoTitle, #Level2Promos .widget-title {
    background: url("images/bg-pagetitle.png") repeat-x transparent;
    border-bottom: 1px solid #ddd;
    color: #010101;
    display: block;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 20px;
    padding: 5px;
    text-transform: uppercase;
}
.promoBox .promoContent, .widget-container ul {
    display: block;
    padding: 5px;
}



/* Blog Page
-------------------------------------------------------*/


    
.blog-archive-flex { display: flex;  justify-content: space-between; }
	
.blog-archive-flex-item { width: 48%;}
	
.blog-archive-flex:nth-child(even) {     flex-flow: row-reverse;}

.blog-archive-flex-item img { width: 100%; height: auto;}

.page-template-blog-main .typography .entry-title { font-weight: 800; font-size: 1.7em; line-height: 1.3; }

.single .typography .entry-title { 
	padding:10px;
	background: #464647;
	color: #FFF;
	text-align: center;
	margin-bottom: 20px;
}

.page-template-blog-main .blog-flex img { border: 1px solid #DDD; }


.blog-single-flex { display: flex;  justify-content: space-between; }

.blog-single-flex-item {width: 48%; }

.blog-single-flex-item.right {
	position: sticky;
    top: 140px;
    height: 300px;
	width: 30%;
}
.blog-single-flex-item.left { width: 65%; }

.single-post #Column1 { background: #FFF; width: 94%; padding: 33px 3%; }

.single .entry-meta {
}

.single .share-social {
	margin: 0em 0 .6em 0;
    font-size: 0.5em;	
}

.entry-description {
	width: auto;
    padding-bottom: 60px;
    font-family: 'Noto Serif', serif;
    font-style: italic;
    font-size: 1.3em;
    font-weight: 300;
    color: #7D7364;
    line-height: 1.8;
    text-align: left;
    border-left: 1px solid #0003;
    padding-left: 10px;
	
	background: #EBEAE8;
	
}


.attachment-blog-featured-image {width: 100%; height: auto;}


.single .post-title {
	padding: 10px;
	background: #EBEAE8;
	margin-bottom: 20px;
	margin-top: -5px;
}




.flex-grid { display: flex;  }
.flex-col {}

#Flex-Col-1 { 
	width: 40vw; 
	height: 100%;
	position: sticky;  
	top: 60px;
}

#Flex-Col-2 { 
	width: 60vw; 
	}

#Flex-Col-1 .featured-banner {
	height: calc(100vh - 60px);
}

.single-header {
	background: #EBEAE8;
	padding-top: 3vw;
	position: sticky;
    top: 24px;
    z-index: 10;
}
.single-header .sitewidth,
.meta-container .sitewidth,
.post-article .sitewidth {
    padding: 0 5vw;
    margin: 0;
    box-sizing: border-box;
    width: 100%;
}

.post-article { padding: 3vw 0; }

.meta-container { background: #EBEAE8; }
	
.typography .single-title {
	text-transform: uppercase;
	font-size: 2.2em;
	line-height: 1.1;
	margin: 0;
	text-align: left;
	margin-left: -2px;
	transition: font-size 500ms ease-in-out;
	color: #464647;
}

.scrolling-50 .typography .single-title {
	font-size: 1.3em;
}


.post-article .nav-links { display: flex; gap: 2vw; width: 100%; }

.post-article .nav-links .nav-previous,
.post-article .nav-links .nav-next { width: 50%; flex: 1 0 auto; background: #EBEAE8; }

/* =BLOG ARCHIVE
-------------------------------------------------------------- */

.page-template-page-blog-landing #Main,
.page-template-search-journal #Main,
.category #Main,
.author #Main {margin-top: 80px; }

.blog-archive-header { text-align: center; }
.blog-archive-header img { width: 100%; }

.blog-feature-flex {
	display: flex;
    justify-content: space-between;
    padding-top: 60px;
    border-bottom: 1px solid #CCC;
    margin-bottom: 60px;
	flex-wrap: wrap;
	}

.blog-flexbox { display:flex;flex-wrap: wrap; padding-bottom: 40px; justify-content: space-between; gap: 38px;}

.blog-flexbox:after {content: ''; flex: auto;}

.blog-flexbox article {
	margin-bottom: 20px;
	position: relative;
	width: 330px;
	background: #EBEAE800;
	transition: background .3s ease-out;
}
.blog-flexbox article:hover {
	background: #EBEAE8;

}

 .blog-flexbox article.blog-feature {
	width: 946px;
}
.blog-flexbox article.blog-feature-2 {
	width: 454px;
}


.page-template-page-blog-landing article a.absolute-link { position: absolute;top:0;right:0;left:0;bottom:0; z-index: 100;}


.blog-featured-image img {
	height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}


.blog-featured-image { 
	width: 100%;
    height: 460px;
    overflow: hidden;
	border:1px solid #EBEAE8;
	box-sizing: border-box;
	position: relative;
		
	-webkit-transition: 	transform .3s ease-out;
	-moz-transition: 		transform .3s ease-out;
	-o-transition: 			transform .3s ease-out;
	transition: 			transform .3s ease-out;
}
.blog-featured-image:hover {}

.blog-feature .blog-featured-image,
.blog-feature-2 .blog-featured-image {
	height: 636px;
}

.blog-featured-image img.main-thumbnail {
	object-fit: contain;
    position: absolute;
    top: 0;
    z-index: 10;
    left: 0;
    right: 0;
}
.blog-featured-image img.bg-thumbnail {
	filter: blur(10px);
	-webkit-filter: blur(10px);
}


.typography .blog-flexbox a:hover  { text-decoration:none; }

.typography .blog-title { 
    font-size: 1em;
    letter-spacing: 1px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: left;
    margin-left: 1em;
    border-left: 1px solid #464647aa;
    padding: 0 16px 0em 10px;
    min-height: 4em;
    margin-top: 10px;
}

.read-post.button {
    position: absolute;
	z-index: 30;
    left: 50%;
    top: 50%;
    display: block;
    transform: translateX(-50%);
    background: none;
    border-color: #FFF;
    color: #FFF;
    font-family: 'Noto Serif';
	opacity: 0;
	transition: all 500ms ease-in-out;
	font-size: 1em;
}
.blog-flexbox article:hover .read-post.button {
	opacity: .9;
	top: 10%;
}


.typography .blog-excerpt {

	position: absolute;
    z-index: 30;
    color: #FFF;
    margin-left: 1em;
    border-left: 1px solid #FFF;
    padding: 0 16px 10px 10px;
    bottom: 0;
    transform: translateY(100%);
	   transition: transform 500ms ease-out;
	max-width: 300px;
}

 .typography .blog-excerpt p {
	font-family: 'Noto Serif', serif;
    font-style: italic;
	 font-weight: 300;
}


.single .blog-flexbox article {     width: 18.3%;
    margin-bottom: 10px;
    margin-right: 2%; }
.single .magazine-flexbox article:nth-child(3n) { margin-right: 2%; }
.single .magazine-flexbox article:nth-child(5n) { margin-right: 0; }



.blog-flexbox article .blog-featured-image::before {
    content: '';
    position: absolute;
    top: 0%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    background: #474746AA;
background: -webkit-linear-gradient(bottom, rgba(50, 50, 49, 0.9) 25%, rgba(71, 71, 70, 0.4) 100%);
background: -o-linear-gradient(bottom, rgba(50, 50, 49, 0.9) 25%, rgba(71, 71, 70, 0.4) 100%);
background: linear-gradient(to top, rgba(50, 50, 49, 0.9) 25%, rgba(71, 71, 70, 0.4) 100%);
    transition: opacity 500ms ease-out;
	opacity: .3;
}
.blog-flexbox article:hover .blog-featured-image::before {
      opacity: 1;
}
.typography article:hover .blog-excerpt {
    transform: translateY(0%);
}




/*** Journal Menu */
.journal-menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.blog-search {
  margin-left: auto;
}

.blog-search-input {
  width: 220px;
  max-width: 100%;
  padding: .5rem .9rem;
  border: 1px solid #7D736499;
  border-radius: 999px;
  font-family: 'Noto Serif', serif;
  font-style: italic;
  font-size: 1.1em;
	color: #7D7364;
  transition: border-color 0.2s ease-in-out;
}

.blog-search-input::-webkit-input-placeholder {  font-family: 'Noto Serif', serif; font-weight:200; color: #7D7364; }
.blog-search-input::-moz-placeholder { font-family: 'Noto Serif', serif; font-weight:200; color: #7D7364; } /* firefox 19+ */
.blog-search-input:-ms-input-placeholder { font-family: 'Noto Serif', serif; font-weight:200; color: #7D7364; } /* ie */
.blog-search-input:-moz-placeholder {  font-family: 'Noto Serif', serif; font-weight:200; color: #7D7364; }



.blog-search-input:focus {
  outline: none;
  border-color: #7D7364;
}


.blog-categories {
	margin-bottom: 30px; 
	text-align: center; 
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.blog-categories li {
	display: block;
    list-style: none;
    font-size: 1.1em;
    padding: 3px 0;
	margin: 0 1em;
    font-family: 'Noto Serif';
    font-style: italic;
	font-weight: 200;
	border-bottom: 2px solid #FFF;
	transition: all 200ms ease-in-out;
}
.blog-categories li a {
	color: #7D7364;
	text-decoration: none;
}
.blog-categories li a:hover {
	text-decoration: none;
}
.blog-categories li:hover {
	border-color: #7D7364;
	}



/* Product
-------------------------------------------------------*/
.listFilter {
	float: right;
	margin: 5px;
}

.tax-collection .typography #Column1 h2, .tax-material .typography #Column1 h2, .tax-product_category .typography #Column1 h2, .tax-product_tag .typography #Column1 h2, .page-id-0 .typography #Column1 h2,
.tax-collection .typography #Column1 h3, .tax-material .typography #Column1 h3, .tax-product_category .typography #Column1 h3, .tax-product_tag .typography #Column1 h3, .page-id-0 .typography #Column1 h3 { margin-left: 2% }
 
.paginate  {
	float: right;
	clear: both;
	padding: 10px 5px ;
	height: 22px;
}
.paginate a,
.paginate span {
	float:left;
	width:21px;
	border: solid 1px #CCC;
	background:#FFF;
	text-align:center;
	color:#CCC;
	font-size:14px;
	line-height:15px;
	padding: 2px 0 2px 0 ;
	margin: 0 1px;
}
.paginate a:hover {
	border: 1px solid #010101;
	color:#010101;
	text-decoration:none;
}
.paginate a:active,
.paginate span {
	background:#EFEFEF;
	color:#FFF;
	border: 1px solid #CCC;
}

.paginate a.prev,
.paginate a.next {
	background:url(images/btn-page-arrow-left.png) no-repeat;
	height:18px;
	width: 14px;
	border:none;
}
.paginate a.next {
	background:url(images/btn-page-arrow-right.png) no-repeat;
}
.paginate a.prev:hover,
.paginate a.next:hover { background-position: 0 -22px; }
.paginate a.prev:active,
.paginate a.next:active { background-position: 0 -44px; }

#mp_product_list {
	clear:both;
}

#mp_product_list .product {
	border-top: none;
	margin-top: 0;
	padding: 0;
	display: block;
	float: left;
	height: 240px;
	letter-spacing: 1px;
	margin: 10px 0 0 0;
	text-align: center;
	text-transform: uppercase;
	width: 20%;
	overflow: hidden;
	vertical-align: top;
}
#mp_product_list .mp_product_content>a,  a.slider-image {
 	height:140px;
	width: 200px;
	margin: auto;
	display:block;
	background:url(images/image-not-available.png) 50% 0 no-repeat;
	background-size: contain;
	clear:both;
}


#mp_product_list .mp_product_content a img {
	width: 100%;
	height: auto;
}
h3.mp_product_name a {
	color: #444;
	font-size: 12px;
	line-height: 15px;
	display: block;
	margin: 5px 3px;
}
h3.mp_product_name a:hover {
	text-decoration:none;
	color:#010101;
}
.mp_product_style {  color: #666; text-transform:capitalize; margin-top: 3px;}

#mp_product_list .mp_product_meta {
	display:none;
}



/* Product Swiper */


ul.swiper-wrapper, li.swiper-slide {
	margin:0;
	padding:0;
}

.productSwiper .swiper-container, .productSwiper .swiper-slide {
  width: 100%;
  height: 100%;
}

.productSwiper {
	position: relative;
}

.productSwiper .arrows {
	position:absolute;
	top:0;
	height: 75%;
	margin: 0 0;
	width: 24px;
	clear:right;
	cursor:pointer;
	background: url(images/btn-slider-arrows.png) no-repeat;
	opacity: .5;
	z-index: 900;
}

.arrows.arrow-left {
	background-position: 0 50%;
	left: -24px;
	}
.arrows.arrow-right {
	background-position: -100px 50% ;
	right: -24px;
}
.productSwiper .arrows:hover  { opacity: .8; }
.productSwiper .arrows:active { opacity: 1;}

.productSwiper .swiper-slide {
	margin: 5px 0;
	list-style: none;
	float:left;
	width: 215px;
}
.productSwiper .swiper-slide > a {
	margin:  10px 0 0 0;
	text-align:center;
	display: block;
}

.productSwiper .swiper-slide a {
	width: auto;
	height:auto;
	margin: 0 auto;
}

.productSwiper .swiper-slide a:hover {
	text-decoration:none;
}



.productSwiper .swiper-slide a .productColor {
	display:block;
	margin: 0 10px 5px;
	color:#999;
	font-size:12px;
	text-transform:capitalize;
	display:none;
	}

.productSwiper .swiper-slide img {
	width: 100%;
	height: auto;
	border:none;
	margin:0 auto;
	padding:0;
}


.productLinks {
    float: right;
/*    border-left: 1px solid #fff;
    margin: 10px 0;
    padding: 10px; */
}
.productLinks form,
.productLinks div {
    display: inline-block;
	zoom: 1;
	*display: inline;
}

.dropDowns {
    border-left: 1px dotted #fff;
	display:block;
	height: 44px;
	padding: 13px 7px 10px 7px;
}
.typography .filterTitle {
	color: #666;
    font-size: 11px;
    line-height: 12px;
    text-transform: uppercase;
    letter-spacing: 0px;
    display: block !important;
    padding-left: 3px;
}





.product-sticky {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.product-sticky #Column1 {
	position: -webkit-sticky;
	position: sticky;
	top:100px;
}



.productPhoto {
	display:block;
	padding:0;
	margin:0;
	width: 100%;
	height: 500px;
	position:relative;
	text-align: center;
}
.productPhoto .product-main-image {
	width: 100%;
	height: auto;
	position:relative;
	bottom:0;
}
.productPhoto530 {
	width:530px;
	height:350px;
}
.productPhoto742 {
	width:742px;
	height:490px;
}

.productPhoto .scaleOverlay {
position:absolute;
top:0;
left:0;
}

.product-on-hold, .scratch-dent, .fabric-upgrade, .special-order  { 
	position:absolute; 
	top:0; 
	left:0; 
	z-index:1000; 
	width:280px; 
	height:280px;  
	pointer-events:none;
}
.product-on-hold {
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/SeasonalLiving4/images/bg-product-on-hold.png', sizingMethod='280');
	*background:none !important;
	background:url(/wp-content/themes/SeasonalLiving4/images/bg-product-on-hold.png) no-repeat 0 0; 
}
.scratch-dent {
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/SeasonalLiving4/images/bg-scratch-dent.png', sizingMethod='280');
	*background:none !important;
	background:url(/wp-content/themes/SeasonalLiving4/images/bg-scratch-dent.png) no-repeat 0 0; 
}

.fabric-upgrade {
		background:url(/wp-content/themes/SeasonalLiving4/images/bg-sunbrella-fabric-upgrades.png) no-repeat 0 0; 
		width:528px; 
		height:60px;  
		top:inherit;
		bottom: 0;
		left: 1px;
}
.special-order {
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/SeasonalLiving4/images/bg-special-order.png', sizingMethod='280');
	*background:none !important;
	background:url(/wp-content/themes/SeasonalLiving4/images/bg-special-order.png) no-repeat 0 0; 
}

.mp_product_content {
	position:relative;
}
.mp_product_content .scratch-dent,
.mp_product_content .special-order
 { 
	width:200px; 
	height:140px;  
	border-top: 1px dotted orange;
	border-left: 1px dotted orange;
 }

.mp_product_content .scratch-dent {
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/SeasonalLiving4/images/bg-scratch-dent-thumb.png', sizingMethod='280');
	*background:none !important;
	background:url(/wp-content/themes/SeasonalLiving4/images/bg-scratch-dent-thumb.png) no-repeat 0 0; 
	}
.mp_product_content .special-order {
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/SeasonalLiving4/images/bg-special-order-thumb.png', sizingMethod='280');
	*background:none !important;
	background:url(/wp-content/themes/SeasonalLiving4/images/bg-special-order-thumb.png) no-repeat 0 0; 
	}
	
#mp_product_list.admin .mp_product_content .scratch-dent,
#mp_product_list.admin .mp_product_content .special-order {
	width: 56px;
	height:56px;
	border:none 0;
	overflow:hidden;
	background-size: 100% 100%;
}

.productThumbs {
	background:url(images/icon-photos.png) no-repeat 0 0;
	display:block;
	float:left;
	padding: 0 0 0 20px;
	margin: 6px 0 0 0 ;
	position:relative;
	z-index:100;
}
.productThumbs img {
    padding: 0 !important;
}
.productThumbs a {
	border-right:1px #CCC dotted;
	display:inline-block;
	margin: 2px -4px 2px 0 ;
	padding: 2px 7px;
	width: 75px;
	height: 50px;
	zoom: 1;
	opacity: .8;
	*display: inline;

}
.productThumbs a.viewScale {
	vertical-align:top;
	text-align:left;
	padding: 0;
    background: url("images/bg-viewscale.jpg") no-repeat;
	padding: 20px 22px 0 3px;
	width:50px;
	height: 30px;
	color:#AAA;
	text-transform:uppercase;
	font-size: 11px;
	line-height:12px;
}
.productThumbs a.viewScale:hover {
	color:#333;
	text-decoration:none;
}
.product .typography img {
    border: medium none;
    margin: 0;
    padding: 0;
}
.productThumbs a:hover {
	opacity: 1;
}

.productInfo.ui-tabs {
padding: 10px 20px 50px 20px;
clear:both;
}


.woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs {
	border-bottom: 1px solid #d3ced2;
}


.productInfo > ul,
.fabricSwatches > ul,
.fabricSelector > ul {
    border-bottom: 1px solid #e5e5e5;
    display: block;
	height: 30px;
	margin-top: 10px !important;
}
.fabricSelector > ul {
    border-bottom: 0;
}

.productInfo > ul li,
.fabricSwatches > ul li,
.fabricSelector > ul li {
	float:left;
	margin:0;
}

.productInfo > ul li a,
.fabricSwatches > ul li a,
.fabricSelector > ul li a {
    
	background: #DDD;
	color: #333;
	font-size: 13px;
	line-height: 1;
	margin: 0 0 0 0;
	padding: 8px 13px !important;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.productInfo > ul li a:hover,
.fabricSwatches > ul li a:hover,
.fabricSelector > ul li a:hover ,
li.ui-tabs-active  a,
.productInfo > ul li.ui-tabs-active a, 
.productInfo > ul li.ui-tabs-hover a, 
.productInfo > ul li.ui-tabs-selected a,
.fabricSwatches > ul li.ui-tabs-hover a, 
.fabricSwatches > ul li.ui-tabs-active  a,
.fabricSelector > ul li.ui-tabs-active  a, 
.fabricSelector > ul li.ui-tabs-active  a    {
	background: #999;
	color: #FFF;
    text-decoration: none;
}

#tab-title-product_warnings { 
	border: 1px solid red;
	background: #ffea7f;
}

#tab-title-product_warnings:hover ,
#tab-title-product_warnings.active  {
	border: 1px solid red;
	background: #e58a8a;
	color: #FFF;
}


#tab-product_warnings div { width: 85%; }


.productInfo > ul li.ui-tabs-selected a,
.fabricSwatches > ul li.ui-tabs-selected a,
.fabricSelector > ul  li.ui-tabs-selected a {
    border-bottom: 1px solid #fff;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}




#fabric-tabs .ui-tabs-panel {
	padding: 1em 0; 
}
.fabricSelector .ui-tabs-panel {
	float: left;
	padding: 10px 0 !important;
	overflow: auto;
	width: 100%;
	clear: both;
}



.productInfo .ui-tabs-panel {
	padding: 15px 4px !important;
}
.typography .productCopy p {
    color: #555555;
    font-size: 11px;
    line-height: 17px;
}
.socialIcons {
    position: absolute;
    right: 0;
	top:0;
}
.typography a.print-tear-sheet {


	}

.typography a.print-tear-sheet:hover {
	text-decoration:none;
}
.typography a.print-tear-sheet:hover h2 {
	color: #666;
	}
.typography .print-tear-sheet i {
	font-size: 0.8em;
    position: absolute;
    top: 1.7em;
    text-align: center;
    width: 2.1em;
    right: 0;
}



#ProductWarningContent { 
	
	position:fixed;
	top:0;left:0;right:0;bottom:0;
	background: rgba(255,255,255,.5);
	z-index: 10000;

}
#ProductWarningContent .sitewidth { 
	height: auto; 
	padding: 40px; 
	background: #FFF; 
	position:absolute; left:50%; top:50%; 
	transform:translate(-50%, -50%);
	border: 10px #f00 solid;
    border-radius: 30px;
}


table.productSpecs {
    clear: both;
    margin: 0;
    padding: 5px 0;
    width: 100%;
}
#Column2 .productSpecs th, #Column2 .productSpecs td {
    border: none;
    padding: 5px 10px 5px 0;
    vertical-align: top;
    width: 80%;
	color: #111111;
}
#Column2 .productSpecs th {
    width: 20%;
    font-weight: 500;
	text-transform: uppercase;
}
.productSpecs table {
    width: 100%;
}
.productSpecs td p { font-size: 11px; margin:0; padding:0; }

 .productLoginContainer {
	border-top: 1px dotted #ccc; 
	margin: 8px 0 ; 
	display:block; 
	padding: 0;
	font-size: .9em;

	}


.productLoginContainer .login-remember {
	  clear:both;
  }
.productLoginContainer .button-primary {
	display:block;
	padding: 2px 14px;
	background:#EEE;
	border:1px #CCC solid;
}
.productLoginContainer .button-primary:hover {
	background: #DDD;
}

.productLoginContainer .login-username label,
.productLoginContainer .login-password  label { font-size: .75em; float:none;}
.productLoginContainer .login-username,
.productLoginContainer .login-password { }
.productLoginContainer #loginform p { margin: 2px 1% 2px 0; }
.productLoginContainer #loginform input[type="text"] { width: 99%; } 
.productLoginContainer .login-remember { display:none; }
.productLoginContainer #wppb-login-wrap .login-password input { float:none; width: 100% }

.productPriceContainer {
    display: block;
    margin: 5px 0;
}
.productPrice {
		float: left;
		line-height: 30px;
		text-align:right;
		margin: 15px 0;
		padding: 0;
		width: 32%;
}

.woocommerce-Price-amount {
    color: #010101;
    font-size: 1.5em;
    letter-spacing: -1px;
	font-weight:600;
}
.msrp-Price-amount {
	line-height: 1.2;
    color: #666;
    letter-spacing: 0px;
    display: inline-block;
    font-size: 0.8em;
    margin-left: 7px;
    margin-top: 2px;
	border-left: 1px solid #999;
	padding-left: 6px;
	vertical-align: revert;
}
.sl-sale-price-note {
	color:red;
	text-transform:uppercase;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
	font-size: 1em;
	font-family:Verdana, Geneva, sans-serif;
	margin: .4em 0;
}



.productAdd {
    padding: 0;
}
.productCurrency {

}



.woocommerce div.product form.cart .variations,
.woocommerce div.product form.cart .variations tr, 
.woocommerce div.product form.cart .variations td, 
.woocommerce div.product form.cart .variations th,
.woocommerce div.product form.cart .variations tbody {display:block;}

.woocommerce div.product form.cart .variations { margin-bottom: .5em; }

.woocommerce div.product form.cart .variations tr { position: relative; }

.woocommerce div.product form.cart .variations td.label { font-size: .75em; text-transform: uppercase; letter-spacing: 1px; color: #666; }

.woocommerce div.product form.cart .reset_variations  { 
	position: absolute;
    right: 0;
    top: 0;
    font-size: .75em;
    line-height: 2.3;
    text-transform: lowercase;
	 }

/* class applies to select element itself, not a wrapper element */
#pa_color, #pa_fabric {
	display: block;
	font-size: 0.875em;
	font-family: 'Montserrat', Verdana, Geneva, sans-serif;
	font-weight: 600;
	color: #444;
	line-height: 1.3;
	padding: .6em 2em .5em 0.5em;
	width: 100%;
	max-width: 100%; /* useful when width is set to anything other than 100% */
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #ccc;
	/* box-shadow: 0 1px 0 1px rgba(0,0,0,.04); */
	border-radius: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	/* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient. 
		for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference
		
	*/
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
   linear-gradient(to bottom, #fff 0%,#e9e9e9 100%);
	background-repeat: no-repeat, repeat;
	/* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
	background-position: right .7em top 50%, 0 0;
	/* icon size, then gradient */
	background-size: .65em auto, 100%;
}
/* Hide arrow icon in IE browsers */
#pa_color::-ms-expand {
	display: none;
}
/* Hover style */
#pa_color:hover {
	border-color: #888;
}
/* Focus style */
#pa_color:focus {
	border-color: #aaa;
	/* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222; 
	outline: none;
}

/* Set options to normal weight */
#pa_color option {
	font-weight:normal;
}

/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] #pa_color, :root:lang(ar) #pa_color, :root:lang(iw) #pa_color {
	background-position: left .7em top 50%, 0 0;
	padding: .6em .8em .5em 1.4em;
}

/* Disabled styles */
#pa_color:disabled, #pa_color[aria-disabled=true] {
	color: graytext;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
}

#pa_color:disabled:hover, #pa_color[aria-disabled=true] {
	border-color: #aaa;
}



#Item-Sidemark { width: 100%; margin: .3em 0 .5em; }



.woocommerce .quantity .qty {
	font-size: 1.3em;
    width: 3em;
    padding: 0.24em;
    line-height: 1;
}


.productPrice .mp_current_price.closeout,
.productPrice .mp_normal_price.closeout {
	padding-bottom:8px;
}

/*
.sl_product_price_2,
.sl_product_price_3,
.sl_product_price_4,
.sl_product_price_5,
.sl_product_price_6,
.sl_product_price_7,
.sl_product_price_8,
.sl_product_price_9,
.sl_product_price_10
.sl_product_price_11
{
	display:none;
	visibility:hidden;
	position:relative;
}
*/




/* PRODUCT GALLERY SWIPER */

#Section-Gallery-Swiper{}

#Product-Gallery-Swiper{
	width:100%;
	height: 56vw;
	max-height: 806px;
	position: relative;
}

#Product-Gallery-Swiper .swiper-image {
	object-fit: cover;
	width: 100%;
    height: 100%;
}


/* */

#Section-Product-Overview {}

#Section-Product-Overview .flex-item {
	width: 23%;
}
#Section-Product-Overview .flex-item:nth-child(4) {
	border-left: 1px solid #0007;
	padding-left: 10px;
	max-width: 210px;
}
#Section-Product-Overview .flex-item p {
	font-size: .875em;
}

#Section-Meet-Product { position: relative;  height: auto; }

#Section-Meet-Product .flex-columns  {
	justify-content: left;
	gap: 2vw;
}
#Section-Meet-Product .flex-item  {
	max-width:600px;
}
#Section-Meet-Product .flex-item ul {
	margin-top: -18px;
}
#Section-Meet-Product .flex-item:nth-child(2) {
	border-left: 1px solid #0007;
	padding-left: 10px;
}

#Section-Meet-Product .collection-image {
    width: 70%;
    height: 130%;
    position: absolute;
    right: 0;
    top: -30px;
    overflow: hidden;
}
#Section-Meet-Product .collection-image img {
object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: 33% 50%;
    mix-blend-mode: multiply;
    transform: translateX(30vw);
}









.button, 
.wp-block-button__link {
	display:inline-block;
    background-color: #FFF;
    border: 1px solid #474746;
	padding: .65em 1.5em 0.6em 1.5em;
	color: #474746;
    font-size: 1.2em;
	line-height: 1.2;
    text-transform: uppercase;
     box-sizing: border-box;
   letter-spacing: 2px;
}
a.button,
.typography a.button,
a.wp-block-button__link{ 
	text-decoration: none;
	color: #474746;
}
 
a.wp-block-button__link { border-radius: 0; }
a.wp-block-button__link:hover { text-decoration: none;}




input[type=submit].button {color: #FFF}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
	color: #FFF;
}


.button + .button { margin-right: 1em; }

.button.white {
	color: #474746;
	background: #FFF;
	border: 1px solid #666;
}


/*
.button.seasonal {
	background: orange;
	color: #474746;
}

.button.winter {
	background: #556999;
	color: #FFF;
}
.button.spring {
	background: #588011;
	color: #FFF;
}
.button.summer {
	background: #3C851D;
	color: #FFF;
}
.button.fall, .button.autumn {
	background: #B75E06;
	color: #FFF;
}

.button.white:hover,
.button.seasonal:hover,
.button.winter:hover,
.button.spring:hover,
.button.summer:hover,
.button.fall:hover,
.button.autumn:hover,
input[type=submit].button:hover {
	color: #FFF;
	background:#444;
	}
*/

.woocommerce #Content .button {
   	border: none;
    color: #FFF;
    font-weight: normal;
    text-transform: uppercase;
    height: auto;
    line-height: 1;
    margin: 0;
    padding: 0.65em 2em;
    width: auto;
    font-size: 1em;
    cursor: pointer;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.button:hover, #SL-AddCart:hover, .typography a.button:hover {
    background: #474746;
	cursor:pointer;
	text-decoration:none;
	color: #FFF;
}
.productChoice {
	border-left: 1px dotted #ccc;
	float: right;
	width: 60%;
	margin: 0 0 0 10px;
	padding: 5px 0 0 10px;
	min-height: 220px;
}
.productPriceContainer label {
    color: #999;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 18px;
    margin: 12px 0 0;
    text-transform: uppercase;
}
.productStyle {
    background: none repeat #ccc;
    color: #666;
    font-size: 12px;
	width: 90%;
}
.productPriceContainer .add_custom_fabrics {
    font-size: 12px;
	letter-spacing: 1px;
	color: #777;
	padding: 5px 0;
	font-weight: bold;
}

.productPriceContainer .add_custom_fabrics_message {
    display: none;
	float:left;
	padding: 13px 10px;
	margin: 5px 0;
	background: #E5842E ;
	color:#FFF;
	height:16px;
	font-size: 13px;
	line-height: 1;
	letter-spacing: 1px;
	text-transform:uppercase;
	border:1px #444 solid;
	clear:both;
	border-radius: 4px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.productPriceContainer .add_custom_fabrics_message:hover {
	text-decoration:none;
	background: #555;
	color: #FFF;
}


.productPriceContainer .mp_quantity_field {
    background: none repeat #efefef;
    border: 1px solid #ccc;
    height: 18px;
    width: 30px;
}
.productStock {
    color: #010101;
}
.productRating {
    border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
    clear: both;
    display: block;
    margin: 8px 0;
    padding: 5px 0;
}
.productCompliment img {
	padding: 0;
}
.productCompliment h3 {
    color: #999;
    font-size: 20px;
    letter-spacing: 2px;
    margin: 5px 0;
    text-transform: uppercase;
}
.productCompliment a {
    border: 1px solid #ccc;
    display: inline-block;
    height: 70px;
    margin: 0 5px 0 0;
    width: 70px;
		zoom: 1;
	*display: inline;

}
.productCompliment a:hover {
    border: 1px solid #010101;
}


.edit-link { clear:both; display:block; }

body.page span+span.edit-link {clear:none; display:inline; }


#Content .post-ratings {
	display: inline;
	margin: 0 20px 0 0;
}
	#Content .post-ratings img {
		margin: 0 2px;
	}

.productLinks #filter,
.productLinks a.viewAllButton {
	font-size: 10px;
	line-height:10px;
	color: #666;
	padding: 3px 5px;
	background:#EFEFEF;
	border:1px solid #DDD;
}


h3.taxonomy-title {
	font-size: 1.6em;
	line-height: 1;
	text-transform:uppercase;
	vertical-align:top;
}

h3 a.viewAllButton {
	display: inline-block;
	vertical-align: top;
	margin: 0 6px;
	padding: 0.5em 1em;
	font-size: 0.5em;
	line-height: 1;
	text-transform: uppercase;
	border-left: 1px solid #999;
	height: 1em;
}


.productLinks #filter:hover,
.productLinks a.viewAllButton:hover {
	color: #333;
	background:#DDD;
	text-decoration:none;
}
h3 a.viewAllButton:hover { color: #FFF;  text-decoration: none;}
.productLinks form select {
	background:#F5F5F5;
	border:#DDD 1px solid;
	color:#666;
	width: 120px;
}





.sl-accordian { padding: 2em 0; }
    	
.sl-accordian-container,
.sl-accordian-container-static {position: relative;}

.sl-accordian-container #Details li p {margin:0;}



.sl-accordian-container #Details li:blank { }


.sl-accordian-title,
.sl-accordian-title-static { display:block; padding: 1em 0;  border-top: 1px solid #ddd; }
.sl-accordian-title {cursor:pointer; }

.typography .sl-accordian-title h2,
.typography .sl-accordian-title-static h2{ font-size: .92em; font-weight:normal; text-transform: uppercase; letter-spacing: 1px; padding:0;}

.sl-accordian-content,
.sl-accordian-content-static {
	font-size: .875em; 
	margin-bottom: 1em;
}

.typography #Column2 .sl-accordian-content,
.typography #Column2 .sl-accordian-content-static,
#Column2 .sl-accordian-content div,
#Column2 .sl-accordian-content p,
#Column2 .sl-accordian-content td,
#Column2 .sl-accordian-content th,
#Column2 .sl-accordian-content li {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 300;
}

.sl-accordian-toggle {
	font-style: normal;
    font-size: 1.7em;
    position: absolute;
    height: 1em;
    line-height: 1em;
    text-align: center;
    width: 1em;
    top: .5em;
    right: 0em;
    display: block;
	-webkit-transition: 	transform .2s ease-out;
	-moz-transition: 		transform .2s ease-out;
	-o-transition: 			transform .2s ease-out;
	transition: 			transform .2s ease-out;
}
.sl-accordian-title.active .sl-accordian-toggle {
  transform: rotate(45deg);
	-webkit-transition: 	transform .2s ease-out;
	-moz-transition: 		transform .2s ease-out;
	-o-transition: 			transform .2s ease-out;
	transition: 			transform .2s ease-out;
}
		
		
.ships-via-ups {
	color: #351C15;
	text-transform: uppercase;
	font-size: 1.4em;
	height: 1.5em;
	float: right;
	line-height: 1;
}
.ships-via-ups span {vertical-align: middle;}
.ships-via-ups img {height: 100%;width: auto;vertical-align: middle;margin-left: 7px;}
		
.coming-soon, .woocommerce-variation-description p {
	color: #FFF;
    background: #666;
    padding: 0.3em;
    text-align: center;
    font-weight: bold;
    font-size: 1.1em;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.archive .coming-soon, .archive .woocommerce-variation-description p {
	position: absolute;
    left: 0;
    right: 0;
    top: auto;
    bottom: auto;
    transform: translateY(-100%);
    line-height: 1;
    letter-spacing: 1px;
    font-size: 0.75em;
	padding: .5em;
}


.woocommerce div.product form.cart .woocommerce-variation-description p, .woocommerce-variation-description p {
	margin: 0;
	color: #FFF;
}
.coming-soon p { margin:0; }


/* SOCIAL SHARE */

.share-social .fab, .share-social .fas {
    font-size: 2.5em;
    color:#424443;
	margin-right:.1em;
}

.fa-facebook-square:hover {
    color:#3e5b98
}

.fa-twitter-square:hover {
    color:#4da7de
}

.fa-linkedin-square:hover {
    color:#3371b7
}

.fa-pinterest-square:hover {
    color:#15aabf
}

.fa-envelope-square:hover {
    color:#029da1
}


/* FAQ / PRODUCT CARE & WARRANTY PAGES
-------------------------------------------------------------- */



.flex-columns {display: flex; justify-content: space-between;}
.flex-nav {width: 20%; margin-top: 1em;} 
.flex-nav ul {}
.flex-nav li {

}

.flex-nav li a {
	width: 100%;
	padding: 0.8em 1em;
	border-bottom: 1px solid #EFEFEF;
	text-transform: uppercase;
	font-size: .85em;
	line-height: 1.1;
	letter-spacing: 1px;
	display: block;
	box-sizing: border-box;
	background-color: #FFF;
	transition: background-color 250ms ease-out;
}
.flex-nav li a:hover,
.flex-nav li.current_page_item a { text-decoration: none; background-color: #efefef;}



.flex-content { width: 75%}
.faq-qa {
	margin-bottom: 1em;
	margin-left: 0;
	padding-right: 3em;
}


.faq-question {}
.typography .faq-question h2{ font-size: 1.4em; font-weight: 300; text-transform: none;}
.faq-answer { font-size: 0.9375em; padding: 1em 0 .4em 0;}
.faq-toggle {    
	font-size: 2.2em;
	font-weight: 100;
	top: 3px;
	left:auto;
	right:0;
}


.sl-exp-col { 
	display: block; 
	position: absolute;
	right:0;
	top: -2em;
	text-align: right; 
	text-transform: uppercase; 
	font-size: .75em; 
	cursor: pointer;
}

a.sl-exp-col:hover {color: #666; text-decoration: none; }
.sl-expand-all {}
.sl-collapse-all {}


/* WOOCOMMERCE
-------------------------------------------------------------- */

.woocommerce div.product p.stock {
    font-size: .875em;
    color: #666;
}

.woocommerce div.product div.images {
	margin-bottom: 0;
}

.woocommerce div.product div.images .flex-control-thumbs { margin-top: 20px; }
.woocommerce div.product div.images .flex-control-thumbs li { width: 16.1%; margin-right: 4px; }
.woocommerce div.product div.images .flex-control-thumbs li img { 
	opacity: 1; 
	border-bottom: 3px solid #FFF;
  -webkit-transition: 	border-bottom-color .4s ease-out;
  -moz-transition: 			border-bottom-color .4s ease-out;
  -o-transition: 				border-bottom-color .4s ease-out;
  transition: 					border-bottom-color .4s ease-out;
	 }
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active { border-bottom-color: #EEE; }
.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) { clear:none; }

.product-type-variable .flex-control-thumbs li:first-child {}


.woocommerce .woocommerce-breadcrumb {
    font-size: 0.75em;
    margin: 0;
    padding: .5em 1vw;
}
	
	
 
/* WC HEADER  */

.woocommerce-products-header {
	position: absolute;
	bottom:0;
	width: 100%;
	z-index: 10;
	
	transition: bottom 500ms ease-in-out;
}

.typography .woocommerce-products-header__title {
	color: #FFF;
	text-transform: uppercase;
	font-size: 3.5em;
	line-height: 1;
	text-shadow: 2px 2px 2px rgba(0,0,0,.3);
	margin: 0 0 36px 0;
	text-align: left;
	    margin-left: -6px;
	transition: color 500ms ease-in-out;
}



.typography .woocommerce-products-header__title span {
	display:block;
	font-weight: normal;
}


body.archive.scrolling-50 .woocommerce-products-header,
body.single.scrolling-50 .woocommerce-products-header,
body.page.scrolling-50 .woocommerce-products-header {
	bottom: -160px;
}
body.archive.scrolling-50 .typography .woocommerce-products-header__title,
body.single.scrolling-50 .typography .woocommerce-products-header__title,
body.page.scrolling-50 .typography .woocommerce-products-header__title {
	color: #464647;
	text-shadow: none;
}


/* Signature */
#swph-woo-sign-signature-pad-wrapper #swph-woo-sign-signature-pad canvas { 
    background-color: #fff !important;
    border: 1px dashed #AAA !important;
		}
		
/* CHECKOUT */
		
#Order-Pay-Terms { height: 300px; overflow:scroll; background:#FEFEFE; border: dashed 1px #CCC; padding: 20px; margin: 20px 1px; }
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background: #f1f1f1;}



/* MY ACCOUNT */

#Column1 .woocommerce-MyAccount-content { width: 78%; }

#Column1 .woocommerce-MyAccount-navigation { width: 18%;  }

.woocommerce-MyAccount-navigation ul {  
	list-style: none;
  margin: 0;
	font-family:Lato, "Lucida Sans Unicode", "Lucida Grande", Lucida, "Trebuchet MS", Arial, sans-serif;
	}

.woocommerce-MyAccount-navigation li { 
	font-weight:bold;
	border-bottom:  1px solid #EFEFEF;
 }
 
.woocommerce-MyAccount-navigation li a {	padding: 10px; display: block;}
 
.woocommerce-MyAccount-navigation li a:hover {  text-decoration:none; }
 
 
.woocommerce-MyAccount-navigation li:hover  { background-color: #DFDFDF; cursor:pointer; }
.woocommerce-MyAccount-navigation li:hover a { color: #222222; }

.woocommerce-MyAccount-navigation li.is-active { background-color: #EFEFEF; }

.woocommerce-MyAccount-content .woocommerce-Price-amount { font-size: 1.5em; }

.woocommerce div.product div.images .flex-control-thumbs {
	position: relative;
	z-index: 1000;
}




/* SHOP PAGE */
.shopwidth { width: 90%; margin: 0 5%; }

.flex-shop { display:flex; }

.flex-shop-column {}

#ShopFilter { 
width: 290px;
font-size: 12px;
line-height: 1.2;
padding-right: 2%;
position: sticky;
height: 900px;
top: 100px; }

#shop-products { width: 100%; padding-bottom: 6vh; } 

#ShopFilter .filter-title { font-weight: normal; font-size: 1.1em; text-transform: uppercase; letter-spacing: 1px; text-align:left;}
.filter-group {padding-bottom: 10px; border-bottom: 1px solid #DDD; }

.filter-group div {padding: 3px 0; }

.flex-filter {
	display:flex;
	flex-wrap: wrap;
}

/* Customize the label (the container) */
.color-container {
  display: block;
  position: relative;
  margin-bottom: 2px;
  margin-right: 2px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 38px;
  width: 38px;
}

/* Hide the browser's default checkbox */
.color-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 38px;
  width: 38px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.color-container:hover input ~ .checkmark {
  opacity: .8;
}

/* When the checkbox is checked, add a blue background */
.color-container input:checked ~ .checkmark {
  
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: '';
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.color-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.color-container .checkmark:after {
	left: 16px;
	top: 9px;
	width: 6px;
	height: 15px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.color-container .checkmark.white:after { border-color: #AAA; }


.checkmark.red { background: #CC0000;}
.checkmark.orange { background: #FF8000;}
.checkmark.yellow { background: #EBC400;}
.checkmark.green { background: #00A636;}
.checkmark.blue { background: #236CB3;}
.checkmark.purple { background: purple;}
.checkmark.black { background: black;}
.checkmark.brown { background: brown;}
.checkmark.gray { background: gray;}
.checkmark.white { background: #fff ;border: 1px solid #ddd; box-sizing: border-box;}
.checkmark.tan { background: #CCB78D;}
.checkmark.metallic { 
background: rgb(128,128,128);
background: -moz-linear-gradient(45deg, rgba(128,128,128,1) 0%, rgba(230,226,206,1) 50%, rgba(191,157,19,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(128,128,128,1) 0%, rgba(230,226,206,1) 50%, rgba(191,157,19,1) 100%);
background: linear-gradient(45deg, rgba(128,128,128,1) 0%, rgba(230,226,206,1) 50%, rgba(191,157,19,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#808080",endColorstr="#bf9d13",GradientType=1);
}

#shop-products-loading {
	position:relative;
	text-align:center;
	padding: 30px 0; 
}




/* WOOCOMMERCE PRODUCT BUNDLE PLUGIN
-------------------------------------------------------------- */

.typography h4.bundled_product_title { font-size: 1em;  font-weight: bold; }

#Column2 div.bundled_product_summary, .woocommerce #Column2 div.product.bundled_product_summary {
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	}
#Column2 div.bundled_product_summary:first-child, .woocommerce #Column2 div.product.bundled_product_summary:first-child {
	padding-top: 1em;
	margin-top: 1em;
	border-top: 1px solid rgba(0,0,0,0.1);
	}

	
#Column2 .bundled_product_images { display: none; }

#Column2 .bundled_product_summary .details { width: 100%; padding: 0 0 0 1.5em; }

/* WC Fabric Integration */

.bundled_product .woocommerce-Price-amount { font-size: 1em; font-weight:normal; }
	

#Column2 .bundle_wrap .price del,
#Column2 .bundled_product .price del,
.bundled_product .price .msrp-Price-amount,
.bundled_product .price .productCurrency { display:none; }

.bundled_item_wrap {display: none;}






/* PRODUCTS SALES REP/ADMIN VIEW OVERWRITE
-------------------------------------------------------------- */


#mp_product_list.admin {
	clear:both;
}

#mp_product_list.admin .product {
	padding: 7px 2%;
	min-height: 90px;
	height: auto;
	margin: 0;
	text-align: left;
	width: 96%;
	border-top:1px dotted #CCC;
	position:relative;
	overflow:hidden;
}
#mp_product_list.admin .mp_product_content>a {
		height:90px;
	background:url(images/image-not-available.png) 50% 50%  no-repeat; 
	clear:none;
	float:left;
	width: 129px;
	margin: 0 15px 0 0;
}

#mp_product_list.admin .mp_product_content a img {
	height: 90px;
	width: auto;
}
.admin h3.mp_product_name  {
	float:left;
	width: 45%;
	clear:none;
	padding:0;
	margin: 5px 25px 0 0;
	}
.admin h3.mp_product_name a {
	margin: 0;
}
.admin h3.mp_product_name a .productid {
	font-size:10px;
	color:#999;
}
.admin h3.mp_product_name a:hover {
	text-decoration:none;
	color:#010101;
}

#mp_product_list.admin .mp_product_meta {
	display:none;
}



#mp_product_list.admin .productPrice {
	   line-height: 30px;
	text-align:left;
	   margin: 5px  30px 0 0;
	   width: 5%;
}
#mp_product_list.admin .productPrice .mp_current_price {
    font-size: 26px;
    letter-spacing: -1px;
	display:block;
}

#mp_product_list.admin .productPrice .mp_normal_price {
	font-size: 15px;
	line-height: 17px;
	color:#888;
	letter-spacing:0px;
	margin: 2px 0 0 0;
	display:block;
}
#mp_product_list.admin .productCurrency {
	display:none;
}
#mp_product_list.admin .productPrice .mp_current_price.closeout { font-size: 13px; line-height:13px; padding-bottom:0;}
#mp_product_list.admin .productPrice .mp_normal_price.closeout { font-size: 11px; line-height:12px; padding-bottom:0;}


#mp_product_list.admin .socialIcons {
	   float: left;
	margin: 18px  0 0 20px ;
}
#mp_product_list.admin .mp_product_content .socialIcons a img {
	height:inherit;
}
.typography #mp_product_list.admin  a.print-tear-sheet {
	padding: 0;
	font-size:inherit;
	line-height:inherit;
    font-family:inherit;
	letter-spacing:0px;
	border: none 0px;
	}
.typography#mp_product_list.admin   a.print-tear-sheet img {
	vertical-align:text-top;
	margin: -2px 0 0 0;
}
.typography #mp_product_list.admin a.print-tear-sheet:hover {
	text-decoration:none;
	background:#999 url(/wp-content/themes/SeasonalLiving4/images/btn-gradient-overlay-120x22.png) repeat-x right bottom;
}
#mp_product_list.admin .mp_quantity {
  	float:left;
	margin: 7px 0 0 0;
}
#mp_product_list.admin .mp_button_addcart {
  	float:right;
	margin: 15px 0 0 0 !important;
}
#mp_product_list.admin .productChoice {
	   border-left: 0px none;
	float: left;
	width: 250px;
	margin: 0 0 0 0;
	padding: 0;
	min-height: 30px;
}



#tiled-list {
	float:right; margin: 5px 12px 0 0;
	text-transform:uppercase;
	font-size:11px;
}
#tiled-list .current {
	color: #999;	
	pointer-events: none;
   cursor: default;
}



/* WOOCOMMERCE
-------------------------------------------------------------- 
-------------------------------------------------------------- 
-------------------------------------------------------------- */


.woocommerce #content div.product div.images, 
.woocommerce div.product div.images, 
.woocommerce-page #content div.product div.images, 
.woocommerce-page div.product div.images,
.woocommerce #content div.product div.summary, 
.woocommerce div.product div.summary, 
.woocommerce-page #content div.product div.summary, 
.woocommerce-page div.product div.summary { 
	float: none;
	width: auto;
 }
 
 .woocommerce .products ul, .woocommerce ul.products {
 	display: flex;
	flex-wrap: wrap;
 }


.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
	width: 24%;
	margin-left: auto;
	margin: .75em .9% 2em 0;
	text-align:center;
	float:none; 
}

.woocommerce .product.status-private {
	background: #EAEBEA;
    opacity: .5;
}

.woocommerce .product.status-private img {
	opacity: .5;
}



/* ARCHIVE */

#ArchiveDescription { 
	position:relative; 
	height: auto; 
	    min-height: 130px;
	display: block;
	background: #EBEAE8;
	
	padding-top: 40px;
	transition: padding-top 400ms ease-in-out;
}



#Section-Tax-Swiper { 
	height: 100%; 
	position: relative;
	height: 50vw;
	width: 50vw;
	position: -webkit-sticky;
    position: sticky;
    top: 120px;
	}

.archive-image {

}

.term-description-flex /*currently on Sale page */
{
	display: flex;
	justify-content: space-between;
}
.term-description { 
    width: auto;
	padding-bottom: 150px;
	max-width: 660px;
	
	
	font-family: 'Noto Serif', serif;
	font-style: italic;
    font-size: 1.3em;
    font-weight: 300;
    color: #7D7364;
    line-height: 1.8;
	text-align: left;
	
	border-left: 1px solid #0003;
	padding-left: 10px;
	
	transition: padding-bottom 400ms ease-in-out;

	}

.term-description.desc-right {
	font-size: 1em;
}

.term-description .button {
	font-family: 'Montserrat', Verdana, Geneva, sans-serif;
	font-style: normal;
}


.term-description.collapse { 
	height: 40vw;
	overflow: hidden;
}

#ArchiveDescription.long-description {
	max-height: 3000px;
	transition: max-height 1s ease-out;

}
#ArchiveDescription.long-description .term-description {
	max-width: none;
	font-size: 1em;
	line-height: 1.6;
}

#ArchiveDescription.long-description.collapsed {
	max-height: 300px;
	overflow: hidden;
}

#ArchiveDescription.long-description a.expand.active,
#ArchiveDescription.long-description a.collapse.active {
	display: block;
	position: absolute;
	bottom: 0px;
    font-size: 12px;
    letter-spacing: 1px;
    cursor: pointer;
	background: #EBEAE8;
	padding-top: 2px;
	padding-bottom: 2px;
}
#ArchiveDescription  a.expand,
#ArchiveDescription  a.collapse {
	display: none;
}



#ArchiveDescription .term-description h2,
#ArchiveDescription .term-description h3 {
	clear: none;
	font-size: 1.1em;
	text-align: left;
	letter-spacing: 0px;
	font-weight: bold;
	text-transform:uppercase;
	}
#ArchiveDescription .term-description h3 {
		font-size: 1.0em;
	}
	
#ArchiveDescription .spirit-words {
	display: block;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 2px; 
	font-size: .875em;
	padding-bottom: 6px;
}

body.archive.scrolling-50 #ArchiveDescription,
body.single.scrolling-50 #ArchiveDescription,
body.scrolling-50 #ArchiveDescription { padding-top: 120px; }
body.archive.scrolling-50 .term-description,
body.single.scrolling-50 .term-description,
body.scrolling-50 .term-description {padding-bottom: 80px; }
	

#Section-Tax-Swiper .swiper-pagination {
   top: -10px;
   right: 1%;
   bottom:auto;
   left:auto;
   width: auto;
}




.archive-group {}
.archive-item { display: flex; 
	border-bottom: 1px solid #CCC; margin-bottom: 30px; padding-bottom: 30px; flex-wrap: wrap; }
.archive-content { 
    width: 50%;
    padding: 0 80px 0 40px;
    padding: 0 6vw 0 3vw;
	box-sizing: border-box;
	}
.archive-content p { font-size: .8em; }
.archive-header {}
.typography .archive-title { 
    text-transform: uppercase;
    font-size: 1.6em;
    line-height: 1.1;
	text-align: left;
	font-weight: bold; 
	letter-spacing: 1px;
    margin-bottom: 10px;
}
.typography .archive-title span { 
	display: block;
    font-weight: normal;}
.archive-featured-image { width: 50%;     line-height: 0;}
.archive-featured-image img { width: 100%; height: auto;}





.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { color: #444444; }

.woocommerce form .form-row .required { color: #990000; }



/* Footer widget areas */
#footer-widget-area {
}


/* Fabric Upgrade Tool Area
-------------------------------------------------------------- */


/* Fabric Archive Grid */

.tax-sl_fabric_type #Column1,
.post-type-archive-sl_fabric #Column1  { padding: 20px 2%; }


.fabric-grid { 
	display: flex;
	flex-wrap: wrap;
	}
.fabric-menu {
	margin-left: 1%;
}
.fabric-menu span{ display:inline-block; width: 210px;
}
.grid-item { 
	display: block;
	padding: 10px 1%;
	width: 18%;
	line-height:1;
	}
.grid-item img { width: 100%; height: auto; }

.grid-item .mp_product_name { text-transform:uppercase; }

.grid-item.hentry { margin-bottom: 0; }



/* NEW Fabric Tool */


#FabricCustomize {  }

.preview-southlake { margin: 18px 10px 0; }

.fabricPrice {
	float: none;
	width: auto;
	text-align: left;
}

.fabricChoice {
	border: none;
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
	min-height: initial;
}

#FabricTool #Column1 { max-width: 450px; margin-left: 5%; }

#FabricTool #Column1 .productPhoto { height: 300px; }

#FabricTool #Column1 .zoomPad > img,
#FabricTool #Column1  img { width: 100%; height: auto; }
#FabricTool #Column2 { width: 35%; }

#FabricTool .mp_normal_price {display:none; }

.fabric-swatch-archive { position:fixed; z-index: 9999; top:0; left:0; right:0; bottom:0; background: rgba(0,0,0,.7);  }

.fabric-swatch-archive #FabricArchive { position: absolute;
top: 0;
left: 5%;
right: 5%;
background: #FFF;
padding: 40px;
margin: 40px;
box-sizing: border-box;
overflow: auto; }

.close-fabric-archive { position: absolute; right: 10px; top: 10px; font-size: 2em; width: 40px; height: 40px; line-height: 35px; border: 1px solid #BBB; text-align:center; cursor:pointer; color: #BBB; font-weight:bold;}

.choose-fabrics { clear:both; border-top: 1px solid #CCC; width: auto; text-align: center; position: relative; margin: 20px 2% 0;}
		
.choose-fabrics span { color: #AAA;
		letter-spacing: 2px;
		font-size: .9em;
		text-transform: uppercase;
		background: #FFF;
		display: block;
		position: absolute;
		top: -18px;
		left: 50%;
		transform: translateX(-50%);
		padding: 5px 10px; 
		    white-space: nowrap;}
		
.fabric-group {  display:flex; flex-wrap:wrap; justify-content: center;  margin: 10px 0 20px; }

.fabric-item {  width: 100%;  line-height: 1.1;  font-size: .875em;}


.fabric-title {}

.fabric-id {}

.fabric-price {}

.fabric-swatch {  border: 1px solid #DDD; position: relative; line-height:0; margin-bottom: 4px;}
.fabric-swatch img { width: 100%; height: auto; }

.sl-button { display: inline-block; padding: 8px 12px;  color: #FFF; text-transform:uppercase; text-align:center; line-height: 1.2; }
.typography a.sl-button { color: #FFF; text-decoration:none; }
.sl-button:hover { background: #AAA; }

.fabric-button { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); font-size: .9em; width: 80%; }

.fabric-other {text-align: center; font-size: .85em; line-height: 1.5; cursor:pointer;}
	
.fabric-reset { position:absolute; z-index:100; top: 0; right:0; width: 30px; height: 30px; text-align: center; font-size: 20px; line-height:26px; background-color:#FFF; opacity:.6; cursor:pointer;}
.fabric-reset:hover { opacity:.9; }
		
.sunbrella-archive-swap { position:absolute; top:0; left:0; right:0; bottom:0; background: transparent; }

html body .hideme {display:none;}

/*Fabric Tools */

.fabricUpgrade #Column1 {
	width: 42%;
	padding: 20px 20px 20px 0;
	float:right;
}
.fabricUpgrade #Column2 {
	float:left;
	padding: 20px;
	width:48%;
}
.fabricUpgrade h4.productTitle {
	float:left;
	font-size:18px;
	padding:10px 0;
	color:#666;
}
.fabricUpgrade .ui-widget-content h4  {
	position:absolute;
	background: rgba(255,255,255,.7);
	width: 95%;
	
	
}
.fabricUpgrade h4 span {
	font-size: 10px;
	color:#999;
	float:right;
}
.fabricUpgrade .fabricUpgradeTotal {
	float:right;
	padding:10px 0;
	font-size:18px;
	font-weight:normal;
	color:#010101;
	letter-spacing:1px;
}
.fabricUpgrade .fabricEditor {
  clear: both;
	margin:0;
	width:100%;
	border-top: 1px dotted #AAA;
}
.fabricUpgrade .fabricEditor th {
	border:none;
	font-size:11px;
	color:#999;
	border-bottom: 1px dotted #CCC;
	padding:4px 0;
}
.fabricUpgrade .fabricEditor td {
	border:none;
	border-bottom: 1px dotted #CCC;
	padding: 0 0 4px;
}
.fabricUpgrade .fabricEditor td.fabricItemTitle {
	border:none;
	padding: 4px 0;
	font-size:12px;
	font-weight:bold;
}

.fabricUpgrade .fabricEditor select {
	background-color:#EFEFEF;
	font-size:11px;
	color:#666;
	border:1px solid #AAA;
	}

.fabricUpgrade select.FabricID {
	width: 220px;
}


.fabricSwatches ul.fabricThumbs  {
	border: none;
	padding: 0;
	margin:0;
	display:flex;
	flex-wrap:wrap;
}
.fabricSwatches .fabricThumbs li {
	width: 32%; 
	margin: 10px 1% 10px 0;
	list-style:none;
	line-height: 1.2;
    font-size: .9em;
	cursor:pointer;
}
.fabricSwatches .fabricThumbs li a {
	
}




.fabricSwatches .fabricThumbs li a img {
	width: 100%;
	height:auto;
	border: 1px solid #EEE;
	}
.fabricSwatches .fabricThumbs li a:hover img {
	border: 1px solid #666;
}
.fabricSwatches .fabricThumbs li a:hover {
	color:#000;
	text-decoration:none;
}




.fabric-products {display:flex;}
.fabric-product-item {text-align:center; width: 48%; margin-right: 2%;}



/* =Tradeshows
-------------------------------------------------------------- */
.tradeshow-featured-image { float:right;  max-width: 300px; height: 120px;}
.tradeshow-featured-image img {height: auto; width: 100%; max-height: 120px;}
.tradeshow-featured-image + header h2,
.tradeshow-featured-image + header + .entry-summary { clear:none; }

.post-type-archive-sl_tradeshow article { border-bottom: 1px solid #CCC; }

h3.sd-title {display:none !important; }



/* =SHOWROOMS
-------------------------------------------------------------- */
#Column1.showroom-flexbox { display:flex;flex-wrap: wrap;
justify-content: space-between; padding-bottom: 40px; }
.showroom-flexbox article { width:48%; margin-bottom: 10px; }
.showroom-featured-image img {height: auto; width: 100%; }



/* =INSPIRATION GALLERY
-------------------------------------------------------------- */

#Inspiration-Gallery {}

.gallery-items {
   /* display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 2vw;*/
	
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(18vw, 1fr));
	gap: 1.5vw;
    padding: 1.5vw;
}

.gallery-item {
/*	width: 22vw;
	height: 300px;
	height: 33vw;
	margin: 0 0 1vw 1vw;*/
	position: relative;
}
.gallery-item::before {
	content: '';
	position: absolute; top:0; right:0; left:0; bottom:0; z-index: 10;
	background: #464647;
	opacity: .2;
	    transition: all 500ms ease-out;
	pointer-events: none;

}
.gallery-item:hover::before {
	opacity: 0;
}
.gallery-item img {
	object-fit:cover; 
	width: 100%;
	height: 100%;
	display:block;
}

.gallery-item:nth-child(12n+1) { grid-row: span 2; grid-column: span 3; }
.gallery-item:nth-child(12n+2) { grid-row: span 2; grid-column: span 2; }
.gallery-item:nth-child(12n+3) { grid-row: span 2;}
.gallery-item:nth-child(12n+4) { }
.gallery-item:nth-child(12n+5) { grid-row: span 2;  grid-column: span 2;}
.gallery-item:nth-child(12n+6) { }
.gallery-item:nth-child(12n+7) { }
.gallery-item:nth-child(12n+8) { }
.gallery-item:nth-child(12n+9) { }
.gallery-item:nth-child(12n+10) { grid-column: span 2;}
.gallery-item:nth-child(12n+11) {}
.gallery-item:nth-child(12n+12) { }


/*
.gallery-item:nth-child(7n+1) { width: 64vw; }
.gallery-item:nth-child(7n+2) { width: 30vw; }
.gallery-item:nth-child(7n+3) { width: 22vw; }
.gallery-item:nth-child(7n+4) { width: 22vw; }
.gallery-item:nth-child(7n+5) { width: 22vw; }
.gallery-item:nth-child(7n+6) { width: 22vw; }
.gallery-item:nth-child(7n+7) { width: 64vw; }*/



/* =DESIGNER SHOWCASE  
-------------------------------------------------------------- */

.post-type-archive-sl_designers .typography .woocommerce-products-header__title { font-size: 2.8em; margin:0;}
.post-type-archive-sl_designers .header-description { font-size: 1.5em; color: #FFF; text-shadow: 1px 1px 2px rgb(20, 20, 20, .5); line-height: 1.3; }

.typography .designer-showcase-title {
    font-size: 1.5em;
    letter-spacing: 1px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
}



.designer-flexbox { display:flex;flex-wrap: wrap; padding-bottom: 40px; justify-content: space-between; }

.designer-flexbox article {
	width: 30.5%;
    margin-bottom: 50px;
}

.typography .designer-flexbox a:hover  { text-decoration:none; }


.designer-featured-image img {
    height: auto;
    width: 100%;
}
.designer-featured-image {
	border: 1px solid #DDD; 
	line-height: 0; 
	position: relative;
}


.designer-flex { display: flex; }

.designer-thumb { width: 33%; }

.designer-thumb img { 
	border: 1px solid #AAA; 
    width: 100%;
    height: auto;
}

.designer-button {  text-align: center; margin-top: 3px; height: 2em; position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%);}

.designer-button .button { 
	opacity: 0;
	-webkit-transition: opacity .3s ease-out; 
	-moz-transition: opacity .3s ease-out;
	-o-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
}
	
.sl_designers:hover .designer-button .button  {opacity:1;}

.designer-header { width: 67%; }

.designer-title {background: #556999; padding: 1em 2em;} 
.designer-title h2 {color: #FFF;font-weight: normal;text-align: right;text-transform: none;line-height: 1;}
.designer-title  span {font-size: 0.7em;}

.designer-name {padding: 2em 2em 0 2em;}
.designer-name h1 {font-weight: 100;text-transform: uppercase;letter-spacing: 2px;}

.designer-logo {padding: 0 2em;}
.designer-logo img {
    max-width: 400px;
    max-height: 140px;
}

.designer-products { display: flex; flex-wrap: wrap; justify-content: space-between; } 
.designer-products::after { content: "";flex: 0 0 31%; max-width: 480px;}

.designer-product-item { width: 31%; height: 390px; border: 1px solid #AAA; margin-bottom: 2.5em; }
.designer-product-item a { display: block; width: 100%; height: 100%; position: relative;}
.designer-product-item img { width: 100%; height: auto; 
	position: absolute; 
	transform: translateY(-50%);
	top: 50%; 
}

.designer-social { font-size: 2em; margin-right: .1em; }



/* =INSPIRATION GALLERY
-------------------------------------------------------------- */

.gallery-flexbox { display:flex;flex-wrap: wrap; padding-bottom: 40px; justify-content: space-between; }

#Column1.gallery-flexbox {padding: 40px 2vw;}

.gallery-flexbox article {
	width: 46vw;
    margin-bottom: 2vw;
	position: relative
}

.gallery-flexbox article:nth-child(1) { width: 66vw; }
.gallery-flexbox article:nth-child(2) { width: 28vw; }
.gallery-flexbox article:nth-child(3) { width: 96vw; }
.gallery-flexbox article:nth-child(4) { width: 28vw; }
.gallery-flexbox article:nth-child(5) { width: 66vw; }
.gallery-flexbox article:nth-child(6) { width: 96vw; }


.gallery-featured-image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.gallery-featured-image {
	line-height: 0; 
	position: relative;
	
	width: 100%;
    height: 40vw;
}

.gallery-flexbox .gallery-title {
	font-size: 1.5em;
    letter-spacing: 1px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    bottom: 0;
    z-index: 100;
    border-left: 1px solid #FFF;
    margin-left: 1em;
    color: #FFFC;
    padding: 0 0 1em 6px;
    transition: all 500ms ease-out;
}
.gallery-flexbox article:hover .gallery-title {
	padding-bottom: 2em;
}


.gallery-flexbox article .gallery-featured-image::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    background: #474746AA;
background: -webkit-linear-gradient(bottom, rgba(50, 50, 49, 0.9) 25%, rgba(71, 71, 70, 0) 100%);
background: -o-linear-gradient(bottom, rgba(50, 50, 49, 0.9) 25%, rgba(71, 71, 70, 0) 100%);
background: linear-gradient(to top, rgba(50, 50, 49, 0.9) 10%, rgba(50, 50, 49, 0.7) 30%, rgba(71, 71, 70, 0) 100%);
    transition: all 500ms ease-out;
	opacity: .6;
}
.gallery-flexbox article:hover .gallery-featured-image::before {
	color: #FFF;
	opacity: 1;
}




/* =MAGAZINE
-------------------------------------------------------------- */

.magazine-archive-header { text-align: center; }
.magazine-archive-header img { width: 100%; }

.magazine-feature {
	    display: flex;
    justify-content: space-between;
    padding-top: 60px;
    border-bottom: 1px solid #CCC;
    margin-bottom: 60px;
	flex-wrap: wrap;
	}
.magazine-feature-flex-item { width: 45%; }


.magazine-flexbox { display:flex;flex-wrap: wrap; padding-bottom: 40px; }

.magazine-flexbox article {
	width: 31%;
    margin-right: 3.3%;
    margin-bottom: 10px;}
.magazine-flexbox article:nth-child(3n) { margin-right: 0; }
.magazine-featured-image img {height: auto; width: 100%; }
.magazine-featured-image { 
	border: 1px solid #AAA;  
	line-height: 0;
		
	-webkit-transition: 	transform .3s ease-out;
	-moz-transition: 		transform .3s ease-out;
	-o-transition: 			transform .3s ease-out;
	transition: 			transform .3s ease-out;
}
.magazine-featured-image:hover {transform: scale(1.1);}

.typography .magazine-flexbox a:hover  { text-decoration:none; }

.typography .magazine-title { font-size: 1em; letter-spacing:1px; font-weight: normal; text-transform: uppercase; text-align:left;}

.single-sl_magazine .magazine-flexbox article {     width: 18.3%;
    margin-bottom: 10px;
    margin-right: 2%; }
.single-sl_magazine .magazine-flexbox article:nth-child(3n) { margin-right: 2%; }
.single-sl_magazine .magazine-flexbox article:nth-child(5n) { margin-right: 0; }




/* =VIDEO GALLERY
-------------------------------------------------------------- */


#Video-Gallery { clear: both; }

.video-gallery-container{}

.video-gallery-flex {
	display: flex;
	list-style: none;
	margin:0;
	padding:0;
	flex-wrap: wrap;
}

.video-gallery-flex li {
	margin:0;
	padding:0;
	width: 16.1%;
	margin-right: 4px;
	position: relative;
	cursor: pointer;
}
.video-title {
    font-size: .8em;
    letter-spacing: 1px;
    flex-basis: 99%;
    border-bottom: 1px solid #ddd;
    margin-top: 20px;
    margin-bottom: 10px;
}

[id^="Video-Gallery-Popup"],
#Image-360-Popup{
	display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000d;
    z-index: 100000;
}
.video-gallery-popup-cotainer {
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
	width: 80%;
	max-width: 1280px;
}

[id^="Video-Gallery-Popup"] .video-container {
    padding-bottom: 53.55%;
}

#Image-360-Popup .video-gallery-popup-cotainer {
    max-width: 1000px;
}

.video-gallery-play {
	display: block;
    position: absolute;
    top: 50%;
    left: 53%;
    transform: translate(-50%,-50%);
    opacity: 0.8;
    font-size: 2em;
    color: #FFF;
    text-shadow: 2px 1px #000000aa;
}

.zoomContainer {top: 213px !important; z-index: 1000 !important;}

.popup-overlay {
  visibility: hidden;
}
#Image-360-Popup.popup-overlay-360 {
	visibility: hidden;
	left: -10000px;
}

.popup-overlay.active {
  visibility: visible;
}

#Image-360-Popup.popup-overlay-360.active{
	visibility: visible;
	left: 0;
}

.popup-content,
.popup-content-360 {
  visibility: hidden;
}

.popup-content.active,
.popup-content-360.active{
  visibility: visible;
}


.icon-360-deg {
	position: absolute;
	z-index: 1;
	background: url("/wp-content/themes/SeasonalLiving6/images/btn-360-deg.png") no-repeat;
	background-size: contain;
	opacity: .7;
	left:0;
	top:0;
	bottom:0;
	right:0;
}



/* =PROVENANCE COLLECTION by LAURA MULLER
-------------------------------------------------------------- */

#Provenance-Collection-Title {
	width: 100%; 
	height: 100%; 
	max-width: 576px;
}
#Provenance-Collection-Icon {
	width: 100%;
	height: auto;
	max-width: 184px;
	position: absolute;
	right: 0;
	top: -25px;
}



.lm-raked-lines {
	background: url("/wp-content/themes/SeasonalLiving6/images/bg-provenance-raked-lines@2X.png") no-repeat;
	background-position: top right;
    background-size: cover;
    height: 60px;
    margin-right: calc((100vw - 1300px)/2);
	opacity: .2;
}
.lm-reverse {
	transform: scaleX(-1);
	margin-left: calc((100vw - 1300px)/2);
    margin-right: 0;
}
.lm-archive {
    margin-right: 50%;
    margin-top: 0px;
    margin-bottom: -60px;
}

.lm-signature {
	background: url("/wp-content/themes/SeasonalLiving6/images/signature-lm-provenance.png") no-repeat;
	background-size: contain;
    width: 220px;
    height: 200px;
}

.lm-quote {
	font-size: 1.6em;
    font-weight: 100;
    color: #BBB;
    line-height: 1.9;
	margin-left: 0.5em;
	font-style: italic;
}
.lm-indent {
	text-indent: -.4em;
}

.swiper-container { overflow: hidden; }
.testimonialSwiper .swiper-pagination {
	left: 0;
    width: auto;
    margin-left: .5em;
    bottom: 0;
}






/* =CUSTOMER PORTAL
-------------------------------------------------------------- */


#Section-Customer-Portal {}

.flex-customer {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	}

.flex-customer-item {
	width: 31%;
    margin: 20px 0;
    border: 0px solid #CCC;
    padding: 30px 0 30px 30px;
    box-sizing: border-box;
	    background: #EBEAE9;
	}
.typography .flex-customer-title {
	font-size: 1.2em;
    vertical-align: middle;
    letter-spacing: 1px;
    text-align: left;
}
	
.flex-customer-title i {
	font-size: 2em;
    vertical-align: middle;
    margin-top: -0.15em;
	margin-right: .2em;
	}
	
.customer-content {
	border-top: 1px solid #CCC;
	margin: 30px 10px 0 0;
	padding-top: 30px;
	padding-left: 10px;
}

#Section-Customer-Portal ul { }

#Section-Customer-Portal ul ul { margin-left:0; }

#Section-Customer-Portal li {     line-height: 1.2;
    padding-bottom: 0.6em;}




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

	.flex-customer-item { width: 32%;}
	.typography .flex-customer-title { font-size: 1.1em; }
}

@media screen and (max-width: 1140px) {  
	.typography .flex-customer-title { font-size: 1em; letter-spacing: 0; }
}

@media screen and (max-width: 949px) { 
	.flex-customer { justify-content: space-around; }
	.flex-customer-item { width: 47%; padding: 30px 0 30px 3%;}
}

@media screen and (max-width: 600px) { 
	.flex-customer-item { width: 96%; padding: 30px 0 30px 30px;}
}




/* =PROFILE UPDATE NOTICE and PROFILE PAGE
-------------------------------------------------------------- */


#theme-my-login table { margin: 0 0 36px 0;; font-size: 1em; width: 98%;}
#theme-my-login tr:nth-child(even) {  }
#theme-my-login tr { border-bottom: 1px solid #ddd; }
#theme-my-login td, #theme-my-login th { border: none; display:table-cell; padding: 10px  ;}
#theme-my-login th { font-weight: bold; vertical-align: top; }
#theme-my-login tr td:first-child, #theme-my-login tr th:first-child { width: 25%; }
#theme-my-login #display_name { margin-bottom: 0; }
#theme-my-login label { margin: 0 ; }
#theme-my-login label + br { display: none; }
#theme-my-login input[type="text"], #theme-my-login input[type="password"], #theme-my-login textarea {width: 25em; padding: 3px 5px; }
#theme-my-login h3 { color: #FFF; padding: 5px 10px; background: #AAA;  width: auto; }

/*#profile-content { position:relative; padding-top: 250px;}

#theme-my-login .form-table tr:first-child,
#theme-my-login #policy-links tr:first-child,
#theme-my-login .form-table tr:nth-child(2),
#theme-my-login tr.tml-user-url-wrap { position: absolute;  right: 0; left: 0; background:rgba(230,230,230,.9);  font-size: 1em; }
#theme-my-login #policy-links tr:first-child { top: 0px; }
#theme-my-login .form-table tr:first-child { top: 90px; }
#theme-my-login .form-table tr:nth-child(2) { top: 140px; }
#theme-my-login tr.tml-user-url-wrap { top: 190px; }
#theme-my-login .form-table tr:first-child th:first-child { width: auto; } */




.profile-notice { 
	display:block;
    padding: 0;
    text-align:center;
    background: #D7E1E4;
    clear:both;
    position: fixed;
    top: auto;
    bottom:0;
    left:0;
    right:0;
    z-index: 10000;
    font-size: 1.0em;
    line-height:1.8;
    min-height: 230px;
	height: auto;
	box-shadow: 0px 0px 10px rgba(0,0,0,.4);
	padding-top: 20px;
	
	-webkit-transition: top 500ms ease-out;
	-moz-transition: top 500ms ease-out;
	-o-transition: top 500ms ease-out;
	transition: top 500ms ease-out;
}


#Profile-Notice {}
#Sale-Notice { z-index: 9999;  text-align: left; top: 50%; height: 50%; }

#Profile-Notice.hide-profile ,
#Sale-Notice.hide-profile  {
	top: 100%;
	-webkit-transition: top 500ms ease-out;
	-moz-transition: top 500ms ease-out;
	-o-transition: top 500ms ease-out;
	transition: top 500ms ease-out;
}

.page-id-15466 #Profile-Notice {font-size: 1em; line-height: 1.5; padding: 20px 5%; display:none; }


#Profile-Notice a,
#Sale-Notice a {  }	

#Profile-Notice p,
#Sale-Notice p { color: #222222; }



.sale-details { cursor: pointer; }

	

.profile-container { 
/*background: #FFFFFF;
padding: 40px 3%;
color: #222;
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 920px;
top: 40px;
bottom: 40px;
overflow: scroll;
box-shadow: 2px 2px 5px #000;*/
 }

.profile-close {
	    position: absolute;
    right: 10px;
    top: 10px;
    border: 1px solid #000;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
    width: 30px;
    height: 30px;
    color: #222;
	font-size: 1rem;

}
.profile-close:hover {
	color: #FFF;
	border-color: #990000;
	background: #990000;
	cursor:pointer;
}


.profile-notice-logo {width: 200px; height: 200px; display: inline-block;  background: url("/wp-content/themes/SeasonalLiving6/images/logo-seasonalliving2024-stacked@2X.png") 50% no-repeat; background-size: 100%; vertical-align:middle;}

.profile-notice-form { display:inline-block; width:75%; margin-left: 5%; vertical-align:middle;}

#field_11_3,
#field_2_38,
#field_19_38 {
display: block;
height: 300px;
overflow: scroll;
border: 1px solid #CCC;
padding: 10px;

}
#field_11_3 ul { padding-left: 20px; }

/* =Footer
-------------------------------------------------------------- */


#SocialMenu {
	padding: 10px;
}


#Footer {
    clear: both;
	padding: 60px 0;
    padding: 9vh 0;
    position: relative;
    text-align: center;
	
	background: #D7E1E4;	
	background: #464647;
	color: #FFF;
	
	box-sizing: border-box;

	text-align: left; 
	height: auto; 
	min-height: 60vh;    
	
}
#Footer .sitewidth {
	z-index: 10;
}


#Footer p {
  
}
#Footer p strong {
}
#Footer a {
    text-decoration: none;
	color: #FFF;
}
#Footer a:hover {
    text-decoration: underline;
}
#Footer h3 {
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 2px;
    margin: 0 0 5px;
    padding: 0;
}

#Footer .footer-nav > ul > li > a {
	border-bottom: 1px solid #666;
	margin-bottom: 10px;
	padding-bottom: 10px;  
}

.footer-logo {
	order: 5;
    border-left: 1px solid #FFF3;
    padding-left: 50px;
    margin-left: 50px;
}

.footer-logo img{
	width: 240px;
	height: auto;
	text-align: center;	
}

 
#Footer-Social {}

.footer-social, .header-social {
	font-size: 1.5em;
	display:flex;
	justify-content: center;
	margin: 20px 0 40px;
	line-height: 1;
	}
.footer-social a, .header-social a {
	margin: 3px;
	color: #FFF;
}
.header-social {
	font-size: 1.1em;
	float: right;
	margin: 5.5px 10px 0;
}


.footer-columns {
	display:flex;
	justify-content:space-evenly;
	}
.footer-column {
    margin: 10px 0 0 3%;
}


.footer-nav ul {
}

.footer-nav li {
	text-align: left;
    font-weight: normal;
    text-transform: none;
    padding: 0.4em 0;
    line-height: 1.3;
}
.footer-nav > ul > li { 
	font-weight: bold; 
	text-transform: uppercase;
	}
.footer-nav li a {
	display:block;
	width: 100%;
	height: 100%;
}

.copyright {
    position: absolute;
    bottom: 30px;
    bottom: 3vh;
    left: 0;
    right: 0;
    text-align: center;
    top: auto;
    z-index: 20;
    font-size: .75em;
    color: #EFEFEF;
}







#SalesReps {
    margin: 0;
    padding: 0;
    text-align: left;
	width: 16%;
	float: right;
	margin-top: 22px;
}
#SalesReps .country,
#SalesReps .column {
    margin-right: 1%;
    display:inline-block;
    vertical-align: top;
}
#SalesReps #USA .column {
    margin-right: 8px;
    
}
#SalesReps ul.column {
	margin: 0;
	font-size: 11px;
}

#SalesReps ul.column li {
	margin-bottom: 5px;
	padding: 5px 0 5px 0 ;
	border-top: 1px dotted #666;
}
#SalesReps #USA ul.column li {
	width: 23%;
	display:inline-block;
	vertical-align: top;
	margin-right: 1%;
}

#SalesReps ul.column li:first-child,
#SalesReps ul.column.three li:nth-child(2),
#SalesReps ul.column.three li:nth-child(3) {
	/* border:none; */
}
#SalesReps ul.column a {
	font-size: 11px !important;

}
#SalesReps ul.column p {
	margin: 0 !important;
	padding: 0 !important;
}
#SalesReps #USA {
    width: 64%;
}
#SalesReps #Canada, 
#SalesReps #Mexico {
	width: auto;
}
#SalesReps h4 {
    color: #fff;
    font-size: 13px;
    margin: 8px 0 3px;
    padding:  0;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#SalesReps li strong { color: #FFF; font-size: 110%;}

#SalesReps ul {
    margin-top: 10px;
	margin-left: 0;
}
#SalesReps li {
    list-style: none outside none;
    padding: 3px 0;
}
#SalesReps li a {
    text-decoration: none;
}
#SalesReps li a:hover {
    color: #fff;
    text-decoration: underline;
}

img#wpstats {
	display: none;
	margin: 0 auto 10px;
}


/* NEW FOOTER SALES REPS */

#Footer-Reps { font-size: 1em; line-height: 1.3; }

#Footer-Reps h3 { margin-bottom: 12px; text-transform: uppercase;}
#Footer-Reps h2 {     font-size: 1.2em;
    font-weight: normal; letter-spacing: 0; text-align:left;}

.location-menu { display:inline-block; margin-right: 1%;     width: 30%;}
 
 
 #Row-List .column { margin-bottom: 20px; }
 
 .location-list ul.column { margin: 10px 0; padding:0; }
  
 .location-list ul.column li.row-list  {
	 width: 100%;
	display: block;
	list-style-type: none;
	clear: both;
	border-top: 1px solid #CCC;
	padding: 10px 0;
 }
 .location-list ul.column li.row-list div  { 
 	display: inline-block;
	vertical-align: top;
	width: 21%;
	margin-right: 1%;
 }
 
  .location-list ul.column li.tile-list  {
	width: 48%;
	height: 160px;
	display: inline-block;
	vertical-align:top;
	list-style-type: none;
	clear: both;
	padding:  0;
 }
 .location-list ul.column li.tile-list div  { 
	line-height: 1.5;
 }
 
 .rep-image img {
	 width: 100%;
	 height: auto; }
 
  .location-list ul.column li.row-list .rep-image { 
    width: 3%;
 }
 
  .location-list ul.column li.row-list .rep-image img {  
  	width: 100%;
	height: auto;
  }

 .location-list ul.column li.tile-list .rep-image  { 
	float:left;
	margin-right: 20px;
	width: 150px;
	height: 150px;
	background: rgba(0,0,0,.1);
	
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
 }
 
 select.location-dropdown {
		
		background: #EFEFEF;
		color: #333;
		border: 1px solid #EEE;
		font-size: 1.1em;
		height: 40px;
		margin: 0;
		width: 100%;
		}

.rep-group {
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.rep-group  .rep-image { 
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
	overflow: hidden;
	 }

.rep-group .rep-item {
	width: 47%;
	max-width: 270px;
	background: #464647;
	color:#FFF;
	margin-bottom: 1vw;
	overflow: hidden;
}

.rep-group .rep-info {
	padding: 10px;
	line-height: 1.5;
}

.typography .rep-group .rep-info a { color:#FFF; }


.row-list .box { padding: .3em 1em 1em 1em; }

.row-list .box:nth-child(even) { background: #EFEFEF; }





/* =SOCIAL MEDIA 
-------------------------------------------------------------- */

.social-icon-group {  float:none; margin:0;
 }


.social-icon-group .fa,
.social-icon-group .fab,
.social-icon-group .fas { 

	display:block;
	font-size: 3.5em;
	width: 1.6em;
	height: 1.6em;
	line-height: 1.6em;
	text-align: center ;
	background-color: rgba(255,255,255,1);
	border: 1px solid transparent;
	
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

.social-icon-item { display: inline-block; margin: 5px; }
a.social-icon-item:hover { text-decoration:none; color: #FFF; }

#Social-Icons-Band { background-color: #AAA; text-align:center; padding: 10% 0;}

.social-icon-item:hover .fab,
.social-icon-item:hover .fas { background-color:#BBB; border-color:#FFF;}

.social-icon-item:hover .fa-facebook-f { background-color: #3e5b98;  }
.social-icon-item:hover .fa-pinterest { background-color: #c92619;  }
.social-icon-item:hover .fa-instagram { background-color: #000000;  }
.social-icon-item:hover .fa-twitter { background-color: #4da7de;  }
.social-icon-item:hover .fa-youtube { background-color: #e02a20;  }
.social-icon-item:hover .fa-envelope { background-color: #222222;  }
.social-icon-item:hover .fa-yelp { background-color: #c83218;  }
.social-icon-item:hover .fa-linkedin { background-color: #3371b7;  }
.social-icon-item:hover .fa-rss { background-color: #f26109;  }




.entry-content .fa, .entry-content .far, .entry-content .fas { 
color: #999; 
padding-right: .3em;
width: 1em; }






/* NGG Slideshow Widget
-------------------------------------------------------------- */
#Level2Promos .widget_slideshow .widget-title,
.typography  .widget_slideshow h3.widget-title { display:none; }

.ngg_slideshow.widget { height: 400px; }
#Level2Promos .ngg_slideshow.widget { margin-top: 10px;}


/* Gravity Form
-------------------------------------------------------------- */

.gform_wrapper .top_label .gfield_label { margin: 10px 0 0 2px !important; }

.gform_wrapper .gfield_description { padding: 2px 0 0 0 !important;}

.gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction { margin: 0 0 6px 0 !important; }

.gform_wrapper select {
	margin: 2px 0;
}



/* MAGAZINE SIGNUP */
#input_13_5, #input_13_3 {}
#input_13_5 li, #input_13_3 li {display: inline-block;
margin-right: 12px;}
#input_13_5 li label, #input_13_3 li label { white-space: nowrap; }
#gform_wrapper_13 br, #gform_wrapper_13 br {display:none;}

#gform_fields_13 .ginput_container { margin-top: -5px; display:inline-block; }
#gform_fields_13  li.gfield { margin-top: -16px; }
#gform_fields_13 .gfield_label {font-weight: normal; font-size: 0.7em;text-transform: uppercase;}
#gform_wrapper_13  .gform_footer { margin-top: -4px; text-align: center;}
#gform_fields_13 #field_13_1 .ginput_container  {display:block; }

#gform_fields_13 .gfield_checkbox li input,
#gform_fields_13 .gfield_checkbox li input[type=checkbox] {margin-top:auto; }
.signup-wrapper { padding: 30px 8% 10px;
background: #EFEFEF;
border: 1px solid #CCC;
position: relative;
margin-top: 20px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.signup-wrapper:after { 
	content:''; 
	position:absolute; 
	width: 60px;
	height: 60px;
	border: 1px solid #CCC;
	background-image: url('/android-chrome-192x192.png');
	background-size: 50px;
	background-color: #FFF;
	top: -30px;
	left: 50%;
	transform: translateX(-52%);
	-webkit-border-radius: 45px;
	-moz-border-radius: 45px;
	border-radius: 45px;
	background-repeat: no-repeat;
	background-position: 5px;

}


.gform_wrapper .gsection {
	background: #fff;
    padding-top: 10px !important;
    margin-top: 40px !important;
	}


/*Magazine iFrame Size */
.magazine-container { width: 100%; height: auto; min-height: 500px; margin-top: -12px;}
.magazine-container iframe { min-height: 500px; height: 90vh; }


#Layout .gform_wrapper .gfield_label { font-weight: 400; text-transform: uppercase; letter-spacing: 2px; }




/* MEMOS */

.gfield_memos {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	justify-content: space-between;
}
.gfield_memos li {
	width: 20%;
}


#input_12_3 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#input_12_3 li,
.gfield_memos li {
	display:block;
	width: 23%;
	position: relative;
	font-size: 0.8125em;
    line-height: 1.4;
    margin-bottom: 20px;
}
#input_12_3 input[type=checkbox],
.gfield_memos input[type=checkbox] {
	position: absolute;
	zoom: 2;
    opacity: 0.7;
	left: 3px;
    top: 3px;
}


#field_12_8 .ui-widget.ui-widget-content { border:none;  }
#field_12_8 .ui-widget  {font-family: inherit; }
#field_12_8 .ui-tabs  { padding:0;  }

#field_12_8 .ui-widget-header { border: none; background: none; }
#field_12_8 .ui-tabs-panel { border: 1px solid #DDD; height: 500px; height: 70vh; overflow: scroll; }
	
#field_12_8 a { text-decoration: none; }
	


/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

pre {
	-webkit-text-size-adjust: 140%;
}
code {
	-webkit-text-size-adjust: 160%;
}
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
	-webkit-text-size-adjust: 120%;
}
#site-description {
	-webkit-text-size-adjust: none;
}

/* = VIDEO CONTAINERS
-------------------------------------------------------------- */

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* = WP Instagram Feed
-------------------------------------------------------------- */
.typography .instagram-pics { list-style:none; margin:0; padding:0; display:flex; flex-wrap: wrap; }
.typography .instagram-pics li {
	margin: 0;
	padding: 0;
	width: 49%;
	line-height:0;
	margin-right: 2px;
	margin-bottom: 2px;}
.typography .instagram-pics li:nth-child(1) {width: 98%; margin-right: 4px; }
.typography .instagram-pics li a {  }
.typography .instagram-pics img { width: 100%; height: auto;}




/* OVERWRITE WORDPRESS STYLES
-------------------------------------------------------------- */

.wp-block-image,
.wp-block-buttons { margin: 0.2em 0 1.2em; }
.wp-block-buttons { justify-content: center; }

.wp-block-image figcaption {
    color: #555;
    font-size: 12px;
    text-align: right;
    margin-top: 0.2em;
}

.wp-block-separator { border-bottom: none; border-top: 1px solid #CCC; margin: 3em 0; }

.wp-block-file { margin-bottom:0.3em; }

/* OVERWRITE
-------------------------------------------------------------- */

.mp_cart_contents th.mp_cart_col_product,
.mp_cart_contents th.mp_cart_col_price,
.mp_cart_contents th.mp_cart_col_quant { background:none !Important;}


.widget-content p [type="text"] {
	width: 200px;
}


/* WC Product Likes */

.wcpl-product-likes-product {
	display: none;
	
	margin: 0em 0;
    text-transform: uppercase;
    font-size: 0.9em;
}

body.term-preview-2025 .wcpl-product-likes-product { display: block;}



/* PHOTOSWIPE
-------------------------------------------------------------- */

.pswp__bg { opacity: .9 !important; }


/* FIXES BUG IN CART CHECKOUT - HIDES EXTRA CHECKOUT BOXES
-------------------------------------------------------------- */

#mp_cart_form,
.mp_cart_direct_checkout,
.mp_cart_updated_msg { display:none; }

#Layout #mp_cart_form,
#Layout .mp_cart_direct_checkout,
#Layout .mp_cart_updated_msg { display:block; }




/* SWITCH TO
-------------------------------------------------------------- */

p#user_switching_switch_on { margin: 0; }

#user_switching_switch_on a {
	display: block;
	position: fixed;
	background: rgba(200,0,0,.9);
	bottom: 0;
	margin: 0;
	padding: 15px 40px;
	color: #FFFFFF;
	left: 0;
	z-index: 1000;
	font-weight: bold;
}





/* VIDEO.JS HOME PAGE
-------------------------------------------------------------- */
 
.video-js .vjs-tech {}
  

#Promotion .video-js .vjs-tech {
	object-fit: cover;
}





/* 2025 LANDING PAGE
-------------------------------------------------------------- */
 

	/*#Header { position: absolute !important; top: 0!important;
		display: block; background:#FFF; height: 120px; width:100%;  text-align: center; border:none;}
	#Header .logo { max-width: 630px; height: auto; margin-top: 25px; }
	#Header .year2025 {     
		position: absolute;
		top: 28px;
		right: 20px;
		color: #C1BFC8;
		padding-left: 0.6em;
		font-size: 3.5em;
		line-height: 1.1em;
		letter-spacing: 2px;
		border-left: #C1BFC8 1px solid;
		font-weight: 200;
		}*/
	#banner:after {top: 0;}
		
	h1.landing-title {
		font-family: 'Noto Serif', serif;
		font-weight: 300;
		font-style: italic;
		font-size: 3.5em;
		color: #FFF;
		text-align: center;
		padding-bottom: 30px;
		text-shadow: 1px 1px 1px #00000099;
		}
	.section-band {  padding: 8vh 0 10vh 0; }
	#primary { padding-bottom: 0px;}
		
	
	#LandingSwiper {height: 84vh; min-height: 400px; position: relative;}
	#LandingSwiper::after {
		content:''; position: absolute; top:0; bottom:0; left:0; right:0; z-index: 1; pointer-events: none;
		background: #474746;
		background: linear-gradient(0deg, rgba(50,50,49,0.7) 10%, rgba(71,71,70,0.0) 50%, rgba(71,71,70,0.2) 100%);}
	#LandingSwiper .swiper-slide { background-repeat: no-repeat; background-size: cover; transform:scale(100%);}
	##LandingSwiper .swiper-slide-active { transform:scale(120%); transition: transform 5s ease-out 1s;}
	##LandingSwiper .swiper-slide-prev { transform:scale(100%); transition: transform 0s ease-out 2s;}
		
	.featured-banner {height: 75vh; min-height: 400px;  }
	.header-spacer {height: 120px; display: none;}
	
	.sand {background-color: #EBEAE8;}
	
	.page #banner {margin-bottom: 0;}
	
	.overlay-container {
		position: absolute;
		top:auto; right:20%; bottom:0; left:0;
		padding: 0 20px;
		z-index: 1;
		transform: translateY(calc(100% - 38px));
		transition: transform 500ms ease-out;
	}
	
	.gradient-charcoal {
		background: #474746;
		background: -webkit-linear-gradient(left, rgba(50,50,49,0.9) 10%, rgba(71,71,70,0.3) 100%);
		background: -o-linear-gradient(left, rgba(50,50,49,0.9) 10%, rgba(71,71,70,0.3) 100%);
		background: linear-gradient(to right, rgba(50,50,49,0.9) 10%, rgba(71,71,70,0.3) 100%);
	}
		
	sup {bottom: 1ex; font-size: 0.45em; }
	
	.two-column .flex-item {flex-basis: 50%;  }
	.two-column .flex-item:nth-child(1) { padding-right: 5vw; border-right: 1px solid #0002;}
	.two-column .flex-item:nth-child(2) { padding-left: 5vw; }
	#Introduction .flex-item:nth-child(1) p {font-family: "Noto Serif", serif; font-size: 1.3em; font-weight: 300;}
	#Introduction .flex-item:nth-child(1) h2 {font-family: "Noto Serif", serif; font-size: 2.5em; font-weight: 300; font-style: italic; text-align: left; text-transform: lowercase;letter-spacing: 0px; margin-bottom: 20px;}
	.two-column  .flex-item:nth-child(2) h2 { font-size: 1.5em; letter-spacing: 1.5px; font-weight:300;}
		
	.two-column input[type=submit].button {background-color: #474746; color: #FFF; width: 100%; font-size: 1.2em;margin-top: 16px;}
	.two-column .gform_wrapper input[type=text] {padding: 12px 8px;}
		.flex-item a.absolute-link {display: block; position: absolute; left:0; right:0; top:0; bottom:0; z-index: 10;}
	
	
	#Signature-Collections {}

	.collections-feature .flex-item {
		width: 22vw; 
		height: 35vw; 
		max-width: 330px; 
		max-height: 530px; 
		overflow: hidden; 
		position: relative; 
		color: #FFF; 
		background-size: auto 100%; 
		background-position: 50% 50%; 
		transition: background-size 1s ease-out; 
		}


#Retired-Collections .flex-columns { flex-wrap: wrap; }
	#Retired-Collections.collections-feature .flex-item {
		width: 30vw;
		height: 30vw;
		max-width: 450px;
		max-height: 450px;
		margin-bottom: 1vw;
	}
#Retired-Collections .overlay-container {transform: none;}
	
	.collections-feature .flex-item::before {content: ''; position: absolute; top:70%; right:0; bottom:0; left:0; z-index: 1;
		background: #474746AA;
		background: -webkit-linear-gradient(0deg, rgba(50,50,49,0.7) 25%, rgba(71,71,70,0.0) 100%);
		background: -o-linear-gradient(0deg, rgba(50,50,49,0.7) 25%, rgba(71,71,70,0.0) 100%);
		background: linear-gradient(0deg, rgba(50,50,49,0.7) 25%, rgba(71,71,70,0.0) 100%);
		
		transition: top 500ms ease-out;
		}
	.collections-feature .flex-item h3 { font-size: 1.4em; font-weight: 300; text-transform: uppercase; color: #FFF; padding: 0px 0 14px; }
	.collections-feature .flex-item .copy-container { border-left: 1px solid #FFF; padding-left: 1em; }
	.collections-feature .copy-container span { display: block;  transform: translateY(-9px); }
	.collections-feature .flex-item:hover  { background-size: auto 200%; transition: background-size 10s ease-out;}
	.collections-feature .flex-item:hover .overlay-container {transform: translateY(0%);}
	.collections-feature .flex-item:hover::before { top: 0;}
	.collections-feature #Eterna  {		background-position: 50% 80%; }
	.collections-feature #Serenique  {	background-position: 55% 60%; }
	.collections-feature #Vaterra  {	background-position: 85% 80%; }
	.collections-feature #Patinero  {	background-position: 15% 100%; }
		
	#Companion-Collections.collections-feature .flex-item	{background-size: auto 180%; }
	#Companion-Collections.collections-feature .flex-item:hover  { background-size: auto 100%; transition: background-size 5s ease-out;}
	.collections-feature #Ceramic  {	background-position: 34% 90%; }
	.collections-feature #Concrete  {	background-position: 69% 100%; }
	.collections-feature #Durafiber  {	background-position: 10% 90%; }
	.collections-feature #Upholstry  {	background-position: 60% 10%; }
		

	.collections-feature .flexible.flex-columns {
		gap: 4vw;
	}
	.collections-feature .flexible .flex-item {
			width: 100%;
			height: 40vw;
			max-height: 660px;
			max-width: 100%;
		}

	
	#Brand-Update {}
	#Brand-Update .flex-item:nth-child(1) { padding-right: 5vw; border-right: 1px solid #FFF2;}
	#Brand-Update .flex-item:nth-child(2) { padding-left: 5vw; }
	#Brand-Update .flex-columns { align-items: center;}

	#About-SL .sitewidth { max-width: 800px; margin: auto;}
	#About-SL p {font-family: "Noto Serif", serif; font-size: 1.3em; font-weight: 300;}
		
		
		
	#Footer h3 {color: #474746;}
	#Footer .flex-item:nth-child(1) {text-align: center;}
	#Footer a, .footer-social a {color: #FFF;}
	#Footer a.button {color: #FFF;}
	.footer-logo img {     width: 210px; }
	#Footer .footer-tagline {
		font-family: "Noto Serif", serif;
		font-size: 1.5em;
		letter-spacing: 0;
		font-style: italic;
		font-weight: 300;
	}
	.footer-social a { color: #474746;}
	#Layout .gform_wrapper.gravity-theme input[type=text],
	#Layout .gform_wrapper.gravity-theme input[type=email] { padding: 12px;  border: 1px solid #ddd; }
	#Layout .gform_required_legend {display: none;}
	.copyright {  }
	
		@media screen and (max-width: 1320px) { 
			.spotlight-container{width: 50vw;}
		}
		
		
		@media screen and (max-width: 949px) { 
			.flex-columns  { display: flex;  }
			.two-column .flex-columns { justify-content: center;}
			.collections-feature .flex-item { width: 47vw; height: 47vw; margin: 1vw 0; max-width: none; max-height: none; }
			.two-column .flex-item:nth-child(1), 
			.two-column .flex-item:nth-child(2)  {padding: 0; border: none; margin: 2vw; flex-basis: 90vw; }
			#Brand-Update .flex-columns { justify-content: center; text-align: center; flex-flow: column-reverse; flex-wrap: wrap;}
			#Brand-Update .flex-item:nth-child(1),
			#Brand-Update .flex-item:nth-child(2) {padding: 0; border: none; margin: 2vw; flex-basis: auto; }
			.spotlight-container{width: 70vw;}
			#Header .year2025 {font-size: 1.7em; top: 20px; }
			#Header .logo { max-width: 350px; margin-top: 18px; }
			#Header { height: 70px;}
			#banner .featured-banner { height: 100vw; max-height: 80vh; }
			.header-spacer {height: 70px;}

		}		
		
		@media screen and (max-width: 600px) {
			#Header .year2025 {display: none}
			h1.landing-title {font-size: 2.7em; }
			
			#Design-Continuum::before {background: linear-gradient(to right, rgba(55, 55, 54, 0.7) 20%, rgba(71, 71, 70, 0.2) 100%);}
			.collections-feature .flex-item { width: 96vw; height: 86vw; margin: 2vw 0;  }

		}
		
		@media screen and (max-width: 480px) {
			.two-column .flex-item:nth-child(1), .two-column .flex-item:nth-child(2) {padding: 0; border: none;}
			.spotlight-copy {padding-bottom: 1em;}
			#Header .logo { max-width: 350px; width: 90%; }
			.spotlight-container { width: 80vw; }

	}	
/* END LANDING PAGE SECTION */


/*OVERRIDE QR CODE ON PAGES */

body.page .qrcswholewtapper {display: none;}


/* =RESPONSIVE
-------------------------------------------------------------- */


@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	#Header #Logo  { 
			background-image: url("images/logo-seasonalliving2024-linear@4X.png");
		}
	
		
}
		

@media screen and (max-width: 1580px) { 
	
	.spotlight-container {left: 4vw;}
	.spotlight-right .spotlight-container {right: 4vw; left:auto;}
	
}



@media screen and (max-width: 1500px) {  
		
	.blog-flexbox { gap: 2.4vw; }
	.blog-featured-image { height: 30vw; }
	.blog-flexbox article { width: 22vw; }
	.blog-flexbox article.blog-feature { width: 63vw; }
	.blog-flexbox article.blog-feature-2 { width: 30vw; }
	.blog-feature .blog-featured-image,
	.blog-feature-2 .blog-featured-image { height: 42vw;; }
	.typography .blog-title, 
	.typography .blog-excerpt p	{font-size: calc(12px + .2vw) }
	.typography .blog-title,
	.typography .blog-excerpt {  margin-left: 1vw; }
	
	
}


@media screen and (max-height: 900px) {  
		#HeroSwiper .slideshow-content { font-size: 1.2em; }
		}

@media screen and (max-height: 700px) {  
		#HeroSwiper .slideshow-content { font-size: 1.1em; }
		}

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

	.sitewidth {  }
	
	.productSwiper { padding: 0 24px; }
	.arrows.arrow-left { left: 0; }
	.arrows.arrow-right { right: 0; }	
	
	li.featured-collection-item {height: 20vw;}
	li.featured-product-types-item { height: 40vw;}

	.term-description { margin-left: 2%; }

	
	.footer-column { min-width: 100px; }
	.footer-columns { flex-wrap: wrap;margin:0;}
	.footer-logo { border:none; padding:0; margin:0; order:0; width: 100%;
        text-align: center;}
	
	.designer-product-item { height: 31vw; }	
	
	.lm-raked-lines {  margin-right: 4%; }
	.lm-reverse {     margin-right: 0; margin-left: 4%;  }
	.lm-archive { margin-right: 50%; }

}


@media screen and (max-width: 1280px) {  
	
	#mainnav #menu-main-menu .featured-menu-images,
	#mainnav #responsive-menu .featured-menu-images {display: none;}
	#mainnav ul#menu-main-menu > li { letter-spacing: 1px; }
	#Header #Logo { width: 276px;	}
	#SearchBlock.expand-search { width: calc(100% - 440px); }

	.term-description { }
	
	
	.lm-raked-lines + section > .term-description { padding-top: 80px; }
	

	
}


@media screen and (max-width: 1140px) {  
	#mainnav #menu-main-menu .featured-menu-images .sub-menu { 
	    width: 200px;
		height: 200px;
		width: 20vw;
		height: 20vw;
		}
	#mainnav #menu-main-menu .featured-menu-image { width: 100%; }
	#MainMenu .sub-menu {min-width: 16em;}
	#mainnav .menu-item-category > a {width: 16em;}
}


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

.icon-buttons, #SearchIcon, #SearchBlock #searchsubmit, #SearchBlock #searchform input[type="text"]  {}

#Header #Logo {	background-image: url(images/logo-seasonalliving2024-linear-stacked@2X.png); width: 158px;}

#SearchBlock.expand-search { width: calc(100% - 320px); }


#Section-Meet-Product .collection-image {
    width: 60%;
	height: 100%;}
	
	
	
			
	.blog-flexbox article.blog-feature { width: 63vw; }
	.blog-flexbox article ,
	.blog-flexbox article.blog-feature-2 { width: 30vw; }
	
	.blog-featured-image,
	.blog-feature .blog-featured-image,
	.blog-feature-2 .blog-featured-image { height: 42vw;; }


}



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

	body, .typography, .typography p { }
	
	#MainMenu .sub-menu {min-width: 15em;}
	#mainnav .menu-item-category > a {width: 15em; letter-spacing: 1px; padding: 1em .9em .9em;}
	
	.grid-item { width: 31%}
}

@media screen and (max-width: 1024px)  and (orientation: portrait) {  

#SalesReps #USA ul.column li { width: 30%; }

}


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

/*Header*/
#mainnav .main-nav { display:none; }

#Header {
	top: 0;
	height: 68px;
	position:fixed;
	-webkit-transition: 	top 500ms ease-out ;
  	-moz-transition: 		top 500ms ease-out ;
  	-o-transition: 			top 500ms ease-out ;
  	transition: 			top 500ms ease-out ;
	
	border-top: 2px solid #464647;
}
#Header-Spacer {
    height: 62px;
}

#Header.scrolldown { top: -70px;

	-webkit-transition: 	top 1s ease-out .5s;
  	-moz-transition: 		top 1s ease-out .5s;
  	-o-transition: 			top 1s ease-out .5s;
  	transition: 			top 1s ease-out .5s;
	
	 }

#TopNav {display:none; }
.icon-group { right: 60px; }
#hamburger { display:block; }
#mainnav #main-menu {display:none; }
#mainnav.openmenu #responsive-menu { left: 0%; }

#AccountMenu.icon-buttons,
#ShoppingCart.icon-buttons {display:none;}

#SearchBlock.expand-search { width: calc(100% - 250px); }



/*Global*/

.section-band, section.products {     padding: 8vh 0 ;  }


/*Home*/
#HeroSwiper .slideshow-content {
	font-size: 1.1em;
	width: 360px;
	left: 12vw;
    top: 6vw;
}
#HeroSwiper { 
	height: 600px;
	height: calc(60vh);
}
#HeroSwiper .swiper-button-prev, #HeroSwiper .swiper-button-next {display:none; }

#Section-Home-Ad1, #Section-Home-Ad2 { height: auto; }
#Section-Home-Ad1 .section-ad-content,
#Section-Home-Ad2 .section-ad-content { position: relative; top:auto; bottom:auto; left:auto; right:auto; width: 70%; margin: 20px 7%; }

#Section-Home-Ad1 .home-ad-image,
#Section-Home-Ad2 .home-ad-image { position: relative; top:auto; bottom:auto; left:auto; right:auto; margin-top: -8vw;}
#Section-Home-Ad1 .home-ad-image img,
#Section-Home-Ad2 .home-ad-image img { object-position: 0% 0vh; height: 100%; width: 140%;  }

.typography .section-ad-title {font-size: 1.5em; }
.typography .section-ad-content p {font-size: 1em; }



li.featured-collection-item { width: 32.9%; height: 33vw; }
li.featured-collection-item:last-child {display:none; }

li.featured-collection-item a.button,
li.featured-product-types-item a.button { letter-spacing: 0; font-size: 12px; }

 
#Section-Home-Blog .blog-content { font-size: .8em; height:auto;}

#Home-Story .flex-columns .flex-item:nth-child(2) { display: none; }
#Home-Story .our-story { width:auto; }


/*Arhive*/
#ArchiveDescription {
    flex-wrap: wrap-reverse;
	 }
#Section-Tax-Swiper {
	position:relative;
	width: 100vw;
	height: 60vw;
	top:auto;
}
.term-description { width: 96%; margin: 0 2%; }


/*Product*/

	
	#Section-Product-Overview .flex-columns { justify-content: left; gap:4vw;}
	#Section-Product-Overview .flex-item { width: 45vw; }
	
.product-sticky #Column1 {   width: 55%;}
.single-product #Column2, .single-sl_fabric #Column2 { width: 45%;  }

	

.lm-signature {
    width: 140px;
    height: 125px;
    top: 200px;
    left: 20px;
	}
	
	#Section-Meet-Product .collection-image { display: none; }

	
	

	.typography .faq-question h2 { font-size: 1.1em; }

	
/* Blog*/	

.single-header {position: relative; top:auto; }
.scrolling-50 .typography .single-title {font-size: 2.2em;}
	
.flex-grid { display: block;  }

#Flex-Col-1 { 
	width: 100%; 
	position: relative;  
}

#Flex-Col-2 { 
	width: 100%; 
	}

#Flex-Col-1 .featured-banner {
	height: 80vw;
}
	

	
/*Footer*/

	.typography .designer-showcase-title { font-size: 1.2em; }

}


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

	.designer-flex {display: block;}
	.designer-thumb {width: 50%;}
	.designer-header {width: 100%;}
	.designer-name,.designer-logo { padding-left:0;}
	
	#Provenance-Collection-Title { display: none; }
	#Provenance-Collection-Icon {width: 150px; position: relative; top: 0;}
	
	.typography .blog-excerpt {  display: none; }

}


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

.product-sticky { flex-wrap: wrap; }
.product-sticky #Column1 {      position: relative;width: auto;float: none; top: 0; }
.single-product #Column2, .single-sl_fabric #Column2 { width: auto; float: none;  padding-top: 0; }

#Content h1.home-title br {display: block;}

.collection-titles { flex-flow: column; }
.collection-titles img, .collection-titles span { margin:auto; line-height: 56px;}


.blog-single-flex { display: block;  justify-content: space-between; }

.blog-single-flex-item.right {width: auto; }
.blog-single-flex-item.left {width: auto; position: relative; height: auto; top: auto; }

	
	
	.blog-flexbox article.blog-feature { width: 96vw; }
	.blog-flexbox article ,
	.blog-flexbox article.blog-feature-2 { width: 46vw; }
	
	.blog-featured-image,
	.blog-feature .blog-featured-image,
	.blog-feature-2 .blog-featured-image { height: 64vw;; }


	
	#Section-Home-Blog .blog-flex {flex-flow: column;}
	#Section-Home-Blog .blog-flex-column-2 {flex-flow: row; gap: 2vw;}
	#Section-Home-Blog .blog-flex-item {    height: 66vw;}
	#Section-Home-Blog .blog-flex > .blog-flex-item:nth-child(1) {margin:0;}
	#Section-Home-Blog .blog-flex-column-2 .blog-flex-item {margin: 2vw 0 0 0;}
	#Section-Home-Blog .blog-flex-column-2 .blog-flex-item:nth-child(1) {margin-bottom: 0;}
	#Section-Home-Blog .blog-flex-column-2 .blog-flex-item:nth-child(2) {}

	
}



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

	#SearchBlock.expand-search { width: calc(100% - 60px); }



	#HeroSwiper .slideshow-content {
	font-size: 1em;
	width: 290px;
	left: 6vw;
	top: 6vw;
	}



	#Section-Home-Ad1 .section-ad-content,
	#Section-Home-Ad2 .section-ad-content { position: relative; top:auto; bottom:auto; left:auto; right:auto; width: 94%; margin: 20px 3%; }

	ul.featured-product-types { flex-wrap: wrap; }
	li.featured-product-types-item {
	height: 45vw;
	width: 48%;
	}

	li.featured-collection-item {
	width: 48%;
	height: 48vw;
	margin: 2px; 
	}
	li.featured-collection-item:nth-child(n+7) {display:none; }


	.blog-thumb, .blog-content, #Section-Home-Blog .widget-container { width: auto; font-size: .9em; }



	#banner:after { top: 50%;} 
	.typography .woocommerce-products-header__title {  font-size: 2.8em; }	
	#banner .featured-banner { height: 33vh; }

	.archive-item { flex-wrap: wrap-reverse; }
	.archive-content, .archive-featured-image { 
		width: 100%;
	}

	.magazine-feature-flex-item { width: 100%; }


	
	
	.collections-feature .flexible .flex-item {    height: 86vw; background-size: cover;}
	
	
	.fabricSwatches .fabricThumbs li { width: 100%;  }


	.gallery-item {}


	.footer-column {width: 45%;}

	
	.post-type-archive-sl_designers .typography .woocommerce-products-header__title { font-size: 2em;}
	.post-type-archive-sl_designers .header-description { font-size: 1.2em;}
	
	.designer-product-item { width: 46%; height: 45vw; }
	.designer-flexbox article {	width: 46%; margin-bottom: 40px;}

	
		/* Flex Nav */
	.flex-columns { display: block; }
	.flex-content, .flex-nav {width: 100%;} 
	.flex-nav ul { display: flex; flex-flow: wrap; }
	.flex-nav li {}
	
	#Section-Product-Overview .flex-item { width: auto; }

	

}

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

	#Footer { height: auto; }
	.footer-column {width: 40vw;     font-size: 0.875em; }

	.designer-product-item { width: 100%; height: 96vw;     margin-bottom: 1em;}
	.designer-thumb { width: 100%;}
	.designer-logo img { height: auto; max-height: 120px; max-width: 300px;}

	.designer-flexbox article {	width: 100%; margin-bottom: 20px;}
	
	.post-type-archive-sl_designers .typography .woocommerce-products-header__title {font-size: 1.7em;}
	.post-type-archive-sl_designers .header-description {font-size: 1em;}
	
		.grid-item { width: 47.8%}



}

@media screen and (max-width: 680px) and (orientation: portrait) {
	.home .menuContainer ul li a img { width: auot; height: 70px; }
}

@media screen and (max-width: 480px) and (orientation: portrait) {
	.home .menuContainer ul li a img { width: auto; height: 50px; }
}

@media screen and (max-width: 420px) and (orientation: portrait) {  

#Header #Logo { width: 200px; }
#mainnav ul li a, #TopNav ul li a  { padding: 12px 16px; }
#mainnav .main-nav > ul, #mainnav .menu-main-menu-responsive-container > ul {  padding-left: 6px; }
.home .menuContainer ul li { width: 33%; margin-bottom: 5px;}
.home .menuContainer ul li a img { width: auto; height: 50px;}

}

@media screen and (max-width: 419px) and (orientation: portrait) {  
#Header #Logo { width: 160px; }
#mainnav ul li a, #TopNav ul li a  { padding: 12px 10px; }

}


/* =Print Style
-------------------------------------------------------------- */

@media print {
	body {
		background: none !important;
	}
	#wrapper {
		clear: both !important;
		display: block !important;
		float: none !important;
		position: relative !important;
	}
	#header {
		border-bottom: 2pt solid #000;
		padding-bottom: 18pt;
	}
	#colophon {
		border-top: 2pt solid #000;
	}
	#site-title,
	#site-description {
		float: none;
		line-height: 1.4em;
		margin: 0;
		padding: 0;
	}
	#site-title {
		font-size: 13pt;
	}
	.entry-content {
		font-size: 14pt;
		line-height: 1.6em;
	}
	.entry-title {
		font-size: 21pt;
	}
	#access,
	#branding img,
	#respond,
	.comment-edit-link,
	.edit-link,
	.navigation,
	.page-link,
	.widget-area {
		display: none !important;
	}
	#container,
	#header,
	#footer {
		margin: 0;
		width: 100%;
	}
	#content,
	.one-column #content {
		margin: 24pt 0 0;
		width: 100%;
	}
	.wp-caption p {
		font-size: 11pt;
	}
	#site-info,
	#site-generator {
		float: none;
		width: auto;
	}
	#colophon {
		width: auto;
	}
	img#wpstats {
		display: none;
	}
	#site-generator a {
		margin: 0;
		padding: 0;
	}
	#entry-author-info {
		border: 1px solid #e7e7e7;
	}
	#main {
		display: inline;
	}
	.home .sticky {
		border: none;
	}
}