/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
	color: #222;
	font-size: 1em;
	line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
	resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html {
	/*background-color:#e2e0d2;*/
	/*background-color:#f7f5f2;*/
	font-size: 10px;
	height: 100%;
	width: 100%;
	font-family: "ff-scala-sans-web", Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust: 100%;
	color: #252421;
}
body {
	margin: 0;
	width: 100%;
	color: #000;
	/*background-color:#e2e0d2; ede9df*/
	/*background-color:#f6f2e8;*/
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1.1rem;
}
/*products pages*/
body.page-id-14 {
	/*background-color: #a59d95;*/

	color: #3e3c39;
}
body.single-product {
	background-color: #fff;
}
body.single-product #content {
	/*background-color:#f6f2e8;*/
}
body.page-id-14 main p {
	color: #3e3c39;
}
/*contact page*/
body.page-id-22 #content {
	position: absolute;
	width: 100%;
	height: 100%;

	background: rgba(255, 255, 255, 0.5)
		url(../../../uploads/2018/11/lookleft-brown.png) no-repeat left bottom;
	background-size: 45% auto;
	background-attachment: fixed;
	opacity: 0.9;
}

/*body.page-id-22 .entry-content{
    background-color: rgba(255,242,221,.7);
    border:solid 1px black;
    padding: 4em 0!important;
}
*/
body.page-id-22 {
	color: #433930;
	background: url(../../../uploads/2017/05/raffia-texture-rev.jpg) no-repeat
		center center;
	background-size: cover;
}
body.page-id-22:after {
	content: "";
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../img/signature3.svg) no-repeat 95% 95%;
	background-size: 60%;
	z-index: 1;
	opacity: 0.1;
	pointer-events: none;
}
@media screen and (min-width: 1300px) {
	body.page-id-22 #content {
		background-size: auto 95%;
	}
}
@media all and (max-width: 767px) {
	body.page-id-22 #content {
		background-size: auto 70%;
		padding-top: 30px;

		background-image: url(../../../uploads/2017/05/lookleft-transparent.png);
	}
	body.page-id-22 #content h2 {
		display: none;
	}
}
/*body.page-id-22 main h2{
    padding-bottom: 
}*/
body.page-id-22 main p,
body.page-id-22 main a {
	color: #433930;
}
body.page-id-22 main a:hover {
	color: #433930;
}
p {
	font-size: 1.3em;
	/*letter-spacing: 0.1rem;*/
	text-align: center;
	line-height: 1.8;
	/*letter-spacing: 2px;*/
	color: #666;
	margin: 0.25rem auto 1.5rem;
}
p strong,
p b {
	font-weight: normal;
	text-transform: uppercase;
}
h2,
h3 {
	font-family: "craw-modern-urw", serif;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.75em;
	letter-spacing: 2px;

	margin-top: 0;
}
@media screen and (min-width: 767px) {
	h2 {
		font-size: 2.4em;
	}
}
h3 {
	font-size: 1.5em;
	letter-spacing: 1px;
	margin-bottom: 0.5em;
}
h4 {
	text-align: center;
	font-size: 1.35rem;
	margin-bottom: 0;

	text-transform: uppercase;
}
h5 {
	text-align: center;
	font-size: 1.35rem;
	margin-bottom: 0;

	font-style: italic;
}
p a {
	/*    font-size:1.2em;
    line-height: 1.6;*/
}
.text {
	/*position: fixed;
    bottom:2rem;
    left:0;
    right:0;
    margin:auto;
    height:auto;
    z-index: 9999;
    display: block;*/
	display: table-cell;
	vertical-align: top;
	text-align: center;
	padding-top: 10vh;
	position: relative;
	z-index: 9;
}
a {
	text-decoration: none;
	color: #666;
	/*text-transform: lowercase;*/
	/*letter-spacing: 0;*/
	/*margin-bottom: 3rem;*/
	/*font-style: italic;*/
	-webkit-transition: color 0.25s, filter 0.25s;
	-o-transition: color 0.25s, filter 0.25s;
	transition: color 0.25s, filter 0.25s;
}
h2.page-title {
	margin: 20px 0 0 0;
	color: #433930;
}
.page-id-22 h2.page-title,
.page-id-14 h2.page-title {
	display: none;
}
a:hover {
	color: #000;
}
.main-container,
body {
	height: 100%;
	width: 100%;
}

header,
#header-cover {
	width: 100%;
	left: 0;
	right: 0;
	bottom: auto;
	top: 0px;
	height: 10rem;
	position: fixed;
	position: none;
	margin: 0;
	text-align: center;
	padding: 0;
	background-color: #433930;

	background-color: #52463c;
	background-color: #433930;

	z-index: 99999;
	font-size: 0;
}
.has-announcement header,
.has-announcement #header-cover {
	height: 13rem;
}
#header-cover {
	top: 0;
	height: calc(14rem - 18px);
	position: fixed;
	background-color: rgba(255, 255, 255, 0.35);
	/*        background-color:rgba(255,255,255,1);
*/
	z-index: 9999;
}
@media screen and (max-height: 700px) {
	.touch header.expanded {
		max-height: 100vh;
		overflow: scroll;
	}
}
@media screen and (max-width: 767px) {
	header,
	#header-cover {
		height: 10rem;
	}
	#header-cover {
		height: calc(12.25rem - 18px);
	}
}

@media screen and (min-width: 767px) {
	header {
		top: 18px;
	}
	#header-cover {
		/*height:12.25rem;*/
	}
}

header:after,
header:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -6px;
	top: auto;
	height: 2px;
	width: 100%;
	background: #433930;
}
#site-navigation {
	height: 100%;
	position: relative;
}
.has-announcement #site-navigation {
	height: calc(100% - 30px);
}
header:before {
	top: -6px;
	bottom: auto;
}
.nav-side {
	/*    width: 25%;
    text-align: center;
    display: inline-block;
    position:relative;
    height:10rem;
    vertical-align: top;
    /*background-color: pink;*/
}

@media screen {
	.site-title {
		position: relative;
		padding: 0;
		display: inline-block;
		width: 50%;
		/*height:100%;*/
		height: 7rem;
		margin: 0;
		min-width: 200px;
		margin-top: 2px;
	}
	#logo {
		width: 70%;
		position: absolute;
		height: 100%;
		margin: 0 auto;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 99;
	}
	#logo svg {
		width: 200%;
		position: absolute;
		top: 0px;
		right: 0;
		bottom: 0;
		left: 50%;
		margin: auto;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

#logo svg .st0 {
	fill: #ffffff;
}
#logo svg .st1 {
	opacity: 0.5;
	fill: #ffffff;
}
@media screen and (min-width: 767px) {
	.site-title {
		height: 10rem;
	}
	#logo svg {
		width: 325px;
	}
	#logo {
		max-width: 40rem;
	}
}
#logo:hover svg path {
	fill: #aaa;
}
#expand-nav {
	display: none;
	padding-bottom: 30px;
}
#menu-button {
	font-size: 1.35rem;
	width: 100%;
	color: white;
	cursor: pointer;
	letter-spacing: 1px;
	display: block;
}
.expanded #menu-button {
	color: #aaa !important;
}
@media screen and (min-width: 767px) {
	#menu-button {
		position: absolute;
		left: 20px;
		top: 4.25rem;
		display: inline-block;
		width: auto;
	}
}

#announcement {
	/* position: absolute; */
	width: 100%;
	text-align: center;
	/* top: 150px; */
	color: white;
	font-size: 12px;
	z-index: 1000;
}
@media screen and (min-width: 767px) {
	#announcement {
		font-size: 15px;
	}
}
#announcement a {
	color: white;
}
#announcement a:hover {
	color: #eee;
}
.expanded #announcement {
	opacity: 0;
}
nav ul {
	padding-top: 12px;
	vertical-align: top;
}
/*nav ul#left{
    padding-left: 40px;
}
nav ul#right{
    padding-right: 40px;
}*/

nav li {
	margin: 0px 10px 8px;
	font-style: none;
	text-transform: uppercase;
	float: none;
	/*display: block;*/
	font-size: 1.35rem;
	letter-spacing: 2px;
	width: auto;
}

nav li a {
	/*display: inline-block;*/
	line-height: 1.25em;
	color: white;
}
html:not(.touch) nav li a:hover {
	color: #aaa;
}
html:not(.touch) nav li > a:after,
html:not(.touch) nav li.current-menu-item > a:after {
	content: "";
	display: block;
	width: 0;
	height: 1px;
	margin-left: -1px;
	background-color: #777;
	-webkit-transition: width 0.25s, filter 0.25s;
	-o-transition: width 0.25s, filter 0.25s;
	transition: width 0.25s, filter 0.25s;
}
html:not(.touch) nav li#menu-item-841 > a:after,
html:not(.touch) nav li#menu-item-841.current-menu-item > a:after,
html:not(.touch) nav li#menu-item-1765 > a:after,
html:not(.touch) nav li#menu-item-1765.current-menu-item > a:after {
	background-color: #ecbe5a;
}

nav li.current-menu-item > a {
	color: #aaa;
}
/* sale button */

nav li#menu-item-841 > a,
nav li#menu-item-1765 > a {
	color: #ecbe5a;
}
html:not(.touch) nav li > a:hover:after,
nav li.current-menu-item > a:after {
	width: 100%;
}
html.touch nav li > a:hover:after {
	width: 0%;
}

nav li a:hover:after {
	background-color: #aaa;
}
/*nav li.current-menu-item a{
    border-bottom: 1px #777 solid;
}*/
ul.subnav-categories {
	text-align: center;
	padding-top: 0;
	/*margin-left:43px;*/
	/*display: none;*/
	/*padding-bottom: 30px;
    overflow-wrap:break-word;
    word-wrap:break-word;
    width:0;
    white-space: nowrap;
    overflow:visible;*/
}
ul.subnav-categories li {
	/*display: block;*/
}
ul.subnav-categories li a {
	/*    -webkit-transform: translateX( -50%);
  -moz-transform: translateX( -50%);
  -ms-transform: translateX( -50%);
  -o-transform: translateX( -50%);
  transform: translateX( -50%);*/
}
.nav-col {
	vertical-align: top;
	padding: 0 30px;
}

@media screen and (min-width: 767px) {
	.nav-col:first-of-type {
		padding-left: 0;
	}
	.nav-side {
		width: 35%;
	}
	.site-title {
		width: 30%;
	}
	.nav-col {
		display: inline-block;
	}
	nav li a {
		line-height: 1.5em;
	}
	nav ul {
		padding-top: 10px;
	}
	nav ul#left {
		padding-left: 0px;
	}
	nav ul#right {
		padding-right: 0px;
	}
}

/*login*/
#login-form {
	background-color: rgba(255, 255, 255, 1);
	color: #000;
	font-size: 1rem;
	display: none;
	padding: 30px 10px;

	/*    -webkit-transition: height .5s, filter .5s;
    -o-transition: height .5s, filter .5s;
    transition: height .5s, filter .5s;*/
}
#login-form.expanded {
	/*height:auto;*/
	/*display: block*/
}
#login-form form {
	width: 50%;
	max-width: 500px;
	margin: 0 auto;
}
/*#login-form:after{
    content:"";
    position: absolute;
    left:0;
    right:0;
    bottom:-6px;
    top:auto;
    height:2px;
    width:100%;
    background:#fff;
}
*/
header.expanded,
header.expanded .nav-side {
	height: auto;
}

form#loginform input[type="text"],
form#loginform input[type="password"],
form#wppb-register-user input[type="text"],
form#wppb-register-user input[type="password"] {
	border: none;
	border-bottom: 1px solid black;
	border-radius: 0;
	background-color: transparent;
}

form#loginform input[type="submit"] {
	border-radius: 0;
	border: none;
	background-color: #00567a;
	color: white;
	font-size: 1.2rem;
	box-shadow: none;
	text-shadow: none;
}
form#loginform label {
	width: auto !important;
	padding: 0 10px;
	text-transform: uppercase;
}
form#loginform .login-remember label {
	text-transform: none;
}
main {
	padding-top: 120px;
	overflow: hidden;
}
.has-announcement main {
	padding-top: 140px;
}
@media screen and (min-width: 767px) {
	main {
		padding-top: 15rem;
	}
	.has-announcement main {
		padding-top: 16rem;
	}
}
.home main {
	padding: 0;
}

.home-gallery {
	width: 100%;
	height: 60vh;
	overflow: hidden;
	background-position: center center;
	background-size: contain;
	position: relative;
	background-repeat: no-repeat;
}
body.home main {
	margin-top: 9rem;
}
@media screen and (min-width: 767px) {
	body.home main {
		margin-top: 0rem;
	}
}

.home-quotes .home-gallery {
	height: 60vh;
	min-height: 550px;
}
.home-gallery.product-slide {
	background-size: contain;
}

.home-gallery.contain {
	background-size: contain;
	background-color: white;
}
.home-gallery.cover {
	background-size: cover !important;
}
@media screen and (min-width: 767px) {
	.home-gallery {
		background-size: cover;
		height: 100vh;
	}
	.home-gallery:not(.home-quotes) {
		/*        height:calc(100vh - 15rem);
*/
		margin-top: 50px;
	}
	.home-slideshow .product-slide {
		margin-top: 0;
	}
}
#home-product-categories {
	min-height: 90vh;
	position: relative;
}
#homepage-categories {
	padding: 0;
	margin: 20px auto 0;
	list-style: none;
	width: 95%;
	vertical-align: top;
}
#homepage-categories h2 {
	color: #433930;
	/*font-size: 3rem;*/
}

#homepage-categories li {
	width: 100%;
	margin: 0 0% 40px;
	display: inline-block;
	text-align: center;
	vertical-align: top;
}

@media screen and (min-width: 767px) {
	#homepage-categories h2 {
		font-size: 3rem;
	}
	#homepage-categories li {
		width: 23%;
		margin: 0 1% 0;
	}
	#homepage-categories {
		vertical-align: top;
		position: absolute;
		top: 50%;
		right: 0;
		bottom: 0;
		left: 0;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}
#homepage-categories li h4 {
	display: inline-block;
}
#homepage-categories li img {
	width: 100%;
}
main .entry-content,
main #quotes > div,
main #content {
	max-width: 800px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
main #content {
	overflow: visible;
}
main .related-products {
	position: relative;
	display: block;
	width: 100%;
	clear: both;
	overflow: visible;
}
main .related-products .bg {
	background-color: #fff;
	position: absolute;
	left: -50%;
	right: -50%;
	top: 0;
	bottom: -25%;
	z-index: 0;
}
main .related-products h2 {
	z-index: 2;
	position: relative;
	text-align: left;
}
main .related-products li h2 {
	text-align: center;
}
.showrooms main .entry-content,
main #content {
	max-width: 1200px;
	text-align: center;
}
main #content {
	padding: 0 5%;
}

.woocommerce main .entry-content,
.woocommerce main #content {
	padding: 0 2.5%;
	max-width: 1600px;
}

main #container:before {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #d6d5d1;
	margin-top: 34px;
	position: absolute;
	z-index: 10;
}
.woocommerce.archive main #container:before {
	display: none;
}
.showrooms main .entry-content p {
	text-align: center;
	text-transform: uppercase;
	line-height: 2.25em;
}
main .entry-content {
	padding: 0rem 0;
}
@media screen and (min-width: 767px) {
	main .entry-content {
		padding: 8rem 0;
	}
	.page-template-page_sale main .entry-content {
		padding: 2rem 0;
	}
}

main .inline-img {
	width: 75%;
	margin: 0 auto;
}
.billy-baldwin main .inline-img {
	width: 60%;
	max-width: 450px;
}
main .col {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	padding: 1rem 5%;
	position: relative;
}
.showrooms #cols {
	margin-top: 50px;
}
main .col p {
	text-align: justify;
}
main .col1 {
	display: block;
	/*max-width: 700px;*/
	padding: 1rem auto 2rem;
}
main .col2,
main .col3,
main .col4 {
	padding: 0rem 2% 0rem;
}
main .col2:first-child,
main .col3:first-child,
main .col4:first-child {
	padding-top: 2rem;
}
@media (min-width: 769px) {
	main .col {
		width: 96%;
		padding: 1rem 2%;
	}
	main .col2 {
		width: 50%;
		padding: 2rem 2% 1rem;
	}
	main .col3 {
		width: 33%;
		padding: 2rem 3% 1rem;
	}
	main .col4 {
		width: 46%;
		padding: 2rem 2% 1rem;
	}
	/* .main .col.has-header{
        margin-top: 0;
    }*/
	.showrooms main .col:after {
		display: block;
		content: "";
		width: 1px;
		height: 230px;
		background-color: #ccc;
		position: absolute;
		right: 0;
		top: -30px;
		/*bottom:-20%;*/
	}
	.showrooms main .col:last-child:after {
		display: none;
	}
	.showrooms main .entry-content {
		margin-top: 20vh;
		padding-top: 0;
	}
	.contact main .entry-content {
		margin-top: 25vh;
		padding-top: 0;
	}
}
@media (min-width: 1024px) {
	.main .row .col4 {
		width: 22%;
		padding: 2rem 1.5% 1rem;
	}
}

#scroll-for-more {
	position: absolute;
	bottom: 0;
	z-index: 10;
	left: 0;
	right: 0;
	background-color: rgba(255, 255, 255, 0.7);
	padding: 10px 0;
	text-align: center;
	font-style: italic;
	font-size: 1.25rem;
}
.home-quote {
	width: 100%;
	padding: 20px 4% 0;
	text-align: center;
	color: white;
	margin-top: 0px;

	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
	top: 50%;
	left: 50%;
	/*width:100%;*/
	text-align: center;
	color: #433930;
	/*margin-top: 0px;*/
}
.home-quotes .home-quote {
	/*    top:55%;
    margin-top: 50px;*/
}
.touch .home-quote {
	margin-top: 0px;
}

/*.home-quote >div{
    margin:10px auto 0;
    width:95%;
    position: relative;
    
}*/
/*.home-quote h2{
    font-size: 3.25rem;
    line-height: 1.75;
    margin:.25em 0 1em;
}*/
/*.product-slide .home-quote h2{
    font-size: 2.25rem;
    margin:.25em 0 1.5em;
    line-height: 1.5;
}
    .product-slide .home-quote.medium h2{
        font-size: 1.9rem;
        margin:.25em 0 1.5em;

    }
    .product-slide .home-quote.small h2{
        font-size: 1.5rem;
        margin:.25em 0 2em;

    }*/

.product-slide .home-quote a {
	color: white;
	display: block;
}

.home-quote.black,
.home-quote.blue,
.product-slide .home-quote.black a {
	color: #433930;
	cursor: pointer;
}
.product-slide .home-quote a:hover {
	color: #433930;
}
.home-quote h3 {
	font-size: 1.5rem;
	font-style: italic;
	font-family: "ff-scala-sans-web", Arial, Helvetica, sans-serif;
	text-transform: none;
	letter-spacing: 0;
}
.home-quote h4 {
	font-size: 1rem;
	margin-top: 10px;
	letter-spacing: 2px;
}
.product-slide .home-quote.white h4,
.product-slide .home-quote.white h3,
.product-slide .home-quote.white h2,
.product-slide .home-quote.white p,
.product-slide .home-quote.white a {
	color: white;
}
.product-slide .home-quote.white a:hover {
	color: #dedede !important;
}
@media screen and (max-width: 768px) {
	.home-slideshow:not(.home-quotes) .product-slide .home-quote {
		/*text-shadow: 2px 1px 1px #fff;*/
	}
	.home-slideshow:not(.home-quotes) .product-slide .home-quote.white {
		text-shadow: 2px 1px 1px #433930;
	}
}
@media screen and (min-width: 768px) {
	/*    .home-quote{
        -webkit-transform: translateY( -50%);
      -moz-transform: translateY( -50%);
      -ms-transform: translateY( -50%);
      -o-transform: translateY( -50%);
      transform: translateY( -50%);
        position:absolute;
        top:50%;
        width:100%;
        text-align: center;
        color:white;
        margin-top: 0px;

    }*/
	/*    .home-quote >div{
        margin:130px auto 0;
        width:550px;           
    }
     .home-quote.wide >div{
        width:850px;           
    }*/
	/*    .product-slide .home-quote h2{
        font-size: 4.5rem;
        margin:.25em 0 .65em;
        line-height: 1.5;
    }
    .product-slide .home-quote.medium h2{
        font-size: 3.75rem;
        margin:.25em 0 1em;

    }
    .product-slide .home-quote.small h2{
        font-size: 3.1rem;
        margin:.25em 0 1.2em;

    }*/
	.home-quote h4 {
		font-size: 2rem;
		margin-top: 20px;
	}
}

/*
    .home-quote >div{
        margin:130px auto 0;
        width:550px;           
    }
     .home-quote.wide >div{
        width:850px;           
    }*/
.product-slide .home-quote h2 {
	font-size: 5vw;
	margin: 0.25em 0 0.9em;
	line-height: 1.5;
	display: block;
}
.product-slide .home-quote.medium h2 {
	font-size: 5vw;
	margin: 0.25em 0 1.8em;
}
.product-slide .home-quote.small h2 {
	font-size: 4.5vw;
	margin: 0.25em 0 1.8em;
}

@media screen and (min-width: 768px) {
	.home-quote {
		width: auto;
	}
	.product-slide .home-quote h2 {
		/*white-space: nowrap;*/
		font-size: 3.5vw;
		/*margin:-1em 0 .65em;*/
		line-height: 1.5;
		display: block;
	}

	#home-quotes .product-slide .home-quote h2 {
		margin: 0.25em 0 0.65em;
	}
	.product-slide .home-quote.medium h2 {
		font-size: 3vw;
		margin: 0.25em 0 1em;
	}
	.product-slide .home-quote.small h2 {
		font-size: 2.5vw;
		margin: 0.25em 0 1.2em;
	}
}

@media screen and (min-width: 1200px) {
	.product-slide .home-quote h2 {
		font-size: 40px;
	}

	.product-slide .home-quote.medium h2 {
		font-size: 35px;
	}
	.product-slide .home-quote.small h2 {
		font-size: 30px;
	}
}

.home-quote.caption {
	top: auto;
	bottom: 8%;
	-webkit-transform: translate(-50%, 0%);
	-moz-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	-o-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	text-shadow: 1px 1px 4px #000;
}
.home-quote.caption > div {
	margin: 0px auto 0;
	width: 90%;
}
.home-quote.caption p {
	font-size: 1.5rem;
	line-height: 1.5;
	letter-spacing: 1px;
	margin-top: 0px;
	color: white;
	font-family: "craw-modern-urw", serif;
}

@media screen and (min-width: 767px) {
	.home-quote.caption > div {
		width: 800px;
		font-size: 1.75rem;
	}
}

.home-quote.caption.dark p {
	color: black;
	/*text-shadow: 0px 0px #fff;*/
}
.quote-mark {
	font-size: 5em;
	line-height: 0;
	font-family: "craw-modern-urw", serif;
	overflow: visible !important;
	text-align: center !important;
	position: relative;
}

.quote-mark:before,
.quote-mark:after {
	content: "";
	display: block;
	height: 1px;
	width: 44%;
	background-color: #433930;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: -10px;
	color: #433930;
}
#quotes .quote-mark:before,
#quotes .quote-mark:after {
	width: 46%;
}
.quote-mark:after {
	right: 0;
	left: auto;
}
#quotes h2 {
	font-size: 2.5rem;
	line-height: 2.85rem;
	margin-bottom: 2.5rem;
}

#quotes {
	background-color: #433930;
	/*background-color: #054275;*/

	max-width: none;
	padding: 200px 2% 0;
}
#quotes,
#quotes p {
	color: #fff;
}
#quotes .quote {
	margin: 5rem auto;
	font-size: 1rem;
}
#quotes .quote:nth-child(3n-2) p {
	font-family: "craw-modern-urw", serif;
	text-transform: uppercase;
}
#quotes .quote:nth-child(3n-1) p {
	text-transform: uppercase;
}
#quotes .quote:nth-child(2n + 1) {
	opacity: 0.6;
}
#quotes .quote:nth-child(3n) p {
	font-style: italic;
}

@media screen and (min-width: 768px) {
	#quotes .quote {
		font-size: 1.85rem;
		margin: 10rem auto;
	}
	#quotes h2 {
		font-size: 5rem;
		line-height: 7.5rem;
		margin-bottom: 2.5rem;
	}
}

.home-slideshow {
	z-index: 0;
	position: relative;

	background-size: cover;
	/*    margin-top:80px;
*/
}

.home-slideshow.home-quotes {
	height: 60vh;
	margin-top: 0px;
	min-height: 550px;
}

.home-slideshow > a {
	display: block;
	height: 100vh;
	width: 100vw;
	cursor: pointer;
	position: absolute;
	top: 0;
	z-index: 100;
}
.slideshow-container {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.slideshow,
.slide {
	height: 100%;
	width: 100%;
}
.image-holder {
	opacity: 0;
	filter: alpha(opacity=0);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 100%;
	-webkit-transition: opacity 0.5s, filter 0.5s;
	-o-transition: opacity 0.5s, filter 0.5s;
	transition: opacity 0.5s, filter 0.5s;
}
.image-holder.loaded {
	opacity: 1;
	filter: alpha(opacity=1);
}
.image-holder img {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 auto;
	height: 0;
	width: 0;
	visibility: hidden;
	/*height:100%;*/
}
.loader-img,
.loader,
.loaderimg {
	display: none;
}
@media all and (max-width: 800px) {
	/*    h2 {
        font-size:2em;
    }*/
	.text {
		padding: 1rem 1rem 12rem;
		width: 100%;
	}
}

/*WOOCOMMERCE*/

/*category page*/

.woocommerce.archive #content {
	opacity: 0;
}
.woocommerce.archive .products ul,
.woocommerce.archive ul.products {
	margin-top: 20px;
}

.woocommerce.archive ul.products li.product,
.woocommerce-page.archive ul.products li.product {
	-webkit-transition: opacity 0.25s, filter 0.25s;
	-o-transition: opacity 0.25s, filter 0.25s;
	transition: opacity 0.25s, filter 0.25s;
	margin: 0 0 40px 0;
	width: 100%;
	border-bottom: 1px #d6d5d1 solid;
	display: block;
	float: none;
	vertical-align: top;
	text-align: left;
}

@media screen and (min-width: 768px) {
	.woocommerce.archive ul.products li.product,
	.woocommerce-page.archive ul.products li.product {
		margin: 0 1.5% 2.72em;
		width: 30%;
		display: inline-block;
	}
	.woocommerce.archive ul.products:hover li.product {
		opacity: 0.4;
	}
	.woocommerce.archive ul.products li.product:hover {
		opacity: 1;
	}
}

ul.products li.first {
	clear: none !important;
}
html:not(.touch) .woocommerce.archive ul.products li.product:after {
	content: "";
	display: block;
	width: 0;
	height: 1px;
	bottom: -1px;
	position: absolute;
	/*margin-left:-1px;*/
	background-color: #777;
	-webkit-transition: width 0.5s, filter 0.5s;
	-o-transition: width 0.5s, filter 0.5s;
	transition: width 0.5s, filter 0.5s;
}
html:not(.touch) .woocommerce.archive ul.products li.product:hover:after {
	width: 100%;
}
html:not(.touch) .woocommerce.archive ul.products li.product:hover {
	/*border-bottom: 1px #f6f2e8 solid;*/
}
.woocommerce ul.products li.product h3,
.woocommerce-page ul.products li.product h3 {
	font-family: "ff-scala-sans-web", Arial, Helvetica, sans-serif;
	font-size: 1.15rem;
	text-align: left;
	letter-spacing: 0;
}
.woocommerce.archive {
	margin-bottom: 100px;
}

.woocommerce ul.products li.product .price {
	text-align: center;
	color: #000;
	font-size: 1.25rem;
}

.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
	margin-bottom: 0.25rem;
}
.woocommerce ul.products li.product .medium a img,
.woocommerce-page ul.products li.product .medium a img {
	padding: 12%;
}
.woocommerce ul.products li.product .small a img,
.woocommerce-page ul.products li.product .small a img {
	padding: 20%;
}
/*single product page*/
.entry-summary {
	margin-top: 0;
}
div.product {
	padding-top: 20px;
}
@media screen and (min-width: 768px) {
	div.product {
		padding-top: 60px;
	}

	.woocommerce #content div.product > div.images,
	.woocommerce div.product > div.images,
	.woocommerce-page #content div.product > div.images,
	.woocommerce-page div.product > div.images {
		float: right;
		width: 52%;
		margin-bottom: 80px;
	}
	.woocommerce #content div.product div.summary,
	.woocommerce div.product div.summary,
	.woocommerce-page #content div.product div.summary,
	.woocommerce-page div.product div.summary {
		padding-right: 4%;
		width: 44%;
		float: left;
	}
}

div.product div.images div.thumbnails {
	float: left;
	width: 30%;
}
div.product div.images div.thumbnails a {
	width: 45%;
}

.woocommerce #content div.product div.thumbnails a,
.woocommerce div.product div.thumbnails a,
.woocommerce-page #content div.product div.thumbnails a,
.woocommerce-page div.product div.thumbnails a {
	width: 22.5%;
	margin-right: 2.5%;
	-webkit-transition: opacity 0.25s, filter 0.25s;
	-o-transition: opacity 0.25s, filter 0.25s;
	transition: opacity 0.25s, filter 0.25s;
}

.woocommerce #content div.product div.thumbnails a.first {
	clear: none;
}

div.product div.images div.thumbnails > a:nth-child(4n + 1),
.woocommerce #content div.product div.thumbnails > a:nth-child(4n + 1) {
	clear: both !important;
}
.woocommerce #content div.product div.thumbnails a.last,
.woocommerce div.product div.thumbnails a.last,
.woocommerce-page #content div.product div.thumbnails a.last,
.woocommerce-page div.product div.thumbnails a.last {
	margin-right: 2.5%;
}
.woocommerce #content div.product div.thumbnails:hover a {
	opacity: 0.4;
}
.woocommerce #content div.product div.thumbnails a:hover {
	opacity: 1;
}
.img-slide a {
	cursor: zoom-in !important;
}
@media screen and (min-width: 768px) {
	.woocommerce-product-gallery {
		padding-bottom: 80px;
	}
}
.woocommerce-product-gallery {
	overflow: hidden;
}
.single-product #content .summary h1 {
	text-transform: uppercase;
	font-size: 1.75rem;
	line-height: 1.75rem;
	font-weight: 300;
	margin-bottom: 8px;
}
.single-product #content .summary h3 {
	font-family: "ff-scala-sans-web", Arial, Helvetica, sans-serif;
	font-size: 1.15rem;
	font-weight: 800;
	display: inline-block;
	width: 30%;
	vertical-align: top;
	letter-spacing: 0;
}
.single-product #content .summary p,
.single-product #content .summary ul {
	display: inline-block;
	width: 65%;
}
.single-product #content .summary p,
.single-product #content .summary ul li {
	font-size: 1.35rem;
	color: #666;
}
.single-product #content .summary ul {
	padding: 0;
	margin: 0;
}
.single-product #content .summary ul li {
	list-style: none;
	display: inline-block;
}
.single-product #content .summary hr {
	height: 1px;
	background-color: #d6d5d1;
	border: 0;
	margin: 5px 0 10px;
}

.download-btn {
	background-color: #d6d5d1;
	display: block;
	width: 100%;
	color: white;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	margin: 20px 0 100px;
	font-weight: 800;
	font-size: 1.25rem;
	-webkit-transition: background-color 0.25s, filter 0.25s;
	-o-transition: background-color 0.25s, filter 0.25s;
	transition: background-color 0.25s, filter 0.25s;
}
#sale-list .download-btn {
	width: 150px !important;
	margin: 0 auto;
	background-color: #fff;
	color: #666;
	border: 1px solid #666;
}
.download-btn:hover {
	background-color: #433930;
	color: #fff;
}
#sale-list .download-btn:hover {
	background-color: #ecbe5a;
	color: #fff;
	border: 1px solid #fff;
}

.originalprice {
	text-decoration: line-through;
}
.saleprice {
	color: #e74135 !important;
	font-weight: 800;
}
#expanded-image {
	background-color: white;
	position: fixed;
	left: 20px;
	right: 20px;
	top: 20px;
	bottom: 20px;
	z-index: 10000000;
	display: none;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	outline: 20px solid white;
	cursor: zoom-out;
}
#expanded-image #close-btn {
	position: absolute;
	right: 10px;
	top: 10px;
	text-transform: uppercase;
	font-size: 1.25rem;
	cursor: pointer;
}
/*related products*/
.related-products {
	margin-top: 100px;
	padding: 50px 0 100px;
}
.related-products h2 {
	font-family: "ff-scala-sans-web", Arial, Helvetica, sans-serif;
	font-size: 1.25rem;
	font-weight: 800;
	color: #666;
	background-color: white;
}
.related-products > h2 span {
	background-color: white;
}
.related-products > h2:after {
	display: block;
	content: "";
	position: absolute;
	height: 1px;
	left: 0;
	right: 0;
	background-color: #d6d5d1;
	top: 9px;
	z-index: -1;
}
.related-products ul.products {
	text-align: left;
}
.related-products ul.products li.product {
	margin: 0 1% 2.992em 0;
	width: 48%;
	/*opacity: .25;*/
	-webkit-transition: opacity 0.25s, filter 0.25s;
	-o-transition: opacity 0.25s, filter 0.25s;
	transition: opacity 0.25s, filter 0.25s;
}

.touch .related-products ul.products li.product {
	opacity: 1 !important;
}
.woocommerce ul.products li.product:nth-child(2n),
.woocommerce-page ul.products li.product:nth-child(2n),
.woocommerce-page[class*="columns-"] ul.products li.product:nth-child(2n),
.woocommerce[class*="columns-"] ul.products li.product:nth-child(2n) {
	float: none !important;
}
.img-slide p {
	text-align: center;
}
@media screen and (min-width: 767px) {
	.related-products ul.products li.product {
		margin: 0 1.5% 2.992em 0;
		width: 23%;
	}
}

@media screen and (min-width: 960px) {
	.related-products ul.products li.product {
		margin: 0 0.833% 2.992em 0;
		width: 15%;
	}
}

.related-products ul.products:hover li.product {
	opacity: 0.3;
}
.related-products ul.products li.product:hover {
	opacity: 1;
}
.related-products ul li h2 {
	padding-bottom: 0 !important;
}
.related-products ul li h3 {
	display: none;
}
.related-products ul.products li.product .price {
	text-align: left;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	float: none;
	display: inline-block;
	vertical-align: top;
}
/*product breadcrumbs*/
nav.woocommerce-categories li a,
nav.woocommerce-breadcrumb {
	font-size: 1.2rem !important;
	letter-spacing: 1px;
	margin: 0px 10px;
}
nav.woocommerce-categories,
nav.woocommerce-breadcrumb {
	padding-top: 5px !important;
}

body.archive nav.woocommerce-breadcrumb {
	display: none;
}
nav.woocommerce-breadcrumb {
	font-style: italic;
}
.woocommerce .woocommerce-breadcrumb a {
	font-style: normal;
}
.single-product #content .summary,
.single-product #content .summary p,
.single-product #content .summary h3 {
	text-align: left;
}

/*no results*/
.woocommerce .woocommerce-info {
	margin-top: 50px !important;
	border: none;
}
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info:before {
	display: none;
}

/*PRESS*/
ul#press-list {
	padding: 0 2%;
	margin: 0;
}
ul#press-list.books {
	max-width: 1500px;
	margin: 0 auto 100px;
}
ul#press-list li {
	width: 96%;
	margin: 2% 2%;
	list-style: none;
	display: inline-block;
	vertical-align: top;
}
ul#press-list li > div {
	background-position: center center;
	background-size: contain;
	background-color: white;
	background-repeat: no-repeat;
	border: 8px solid #fff;
	outline: 1px solid #ccc;
}
ul#press-list li > p {
	margin: 10px 0 0 0;
	font-size: 1.25rem;
}
@media screen and (min-width: 767px) {
	ul#press-list li {
		width: 29%;
		margin: 2% 2%;
	}
}
@media screen and (min-width: 960px) {
	ul#press-list:not(.books) li {
		width: 21%;
		margin: 2% 2%;
	}
}
ul#press-list li a {
	/*    background-position: center center;
    background-size:contain;
    background-color: white;
    background-repeat: no-repeat;*/
}
ul#press-list li img {
	opacity: 0;
}
ul#press-list li img.press-logo {
	opacity: 1;
	padding-top: 10px;
}
.print-only {
	display: none;
}

/* SALE ROOM & AS SEEN IN */

.content-holder {
	/* border-bottom:1px solid #d6d5d1; */
	padding-bottom: 0rem;
}
.content-holder h2 {
	margin-bottom: 1rem;
	color: #ecbe5a;
	font-size: 2em;
}
@media screen and (min-width: 767px) {
	.content-holder h2 {
		font-size: 3.25em;
	}
}
.content-holder h4 {
	line-height: 1.85;
}
ul#sale-list,
ul#seenin-list {
	padding: 0 2%;
	margin: 0 auto 10rem;
	max-width: 1500px;
}
ul#seenin-list {
	max-width: 1200px;
	text-align: center;
}

ul#sale-list li,
ul#seenin-list li {
	width: 96%;
	margin: 3rem 2%;
	list-style: none;
	display: inline-block;
	vertical-align: top;
	font-size: 1.1em;
}
.sale-img {
	width: 100%;
	height: 80vw;
	margin-bottom: 10px;
}
.sale-img.small {
	padding: 0 15%;
}
.sale-img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center 70%;
}

ul#seenin-list li .asi-image-holder {
	width: 100%;
	height: auto;
}
ul#seenin-list li .asi-image-holder img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
ul#sale-list li.sold,
ul#seenin-list li.sold {
	position: relative;
	pointer-events: none;
}
ul#sale-list li.sold > div,
ul#seenin-list li.sold > div {
	position: relative;
}
ul#sale-list li.sold > div > *,
ul#seenin-list li.sold > div > * {
	opacity: 0.4;
}
ul#sale-list li.sold > div:nth-child(2):after,
ul#seenin-list li.sold > div:nth-child(2):after {
	content: "SOLD!";
	position: absolute;
	top: -35px;
	text-align: center;
	width: 100%;
	color: #e74135 !important;
	font-size: 2.85rem;
	font-family: "ff-scala-sans-web", Arial, Helvetica, sans-serif;
	z-index: 1000;
}
@media screen and (min-width: 767px) {
	ul#sale-list li {
		width: 48%;
		margin: 1% 1%;
	}

	ul#seenin-list li.vertical .asi-image-holder {
		height: 65vw;
	}
	ul#seenin-list li.vertical .asi-image-holder img {
		object-position: center bottom;
	}
	ul#seenin-list li.vertical .asi-image-holder.center img {
		object-position: center center;
	}
	ul#seenin-list li.vertical .asi-image-holder.top img {
		object-position: center top;
	}

	.sale-img {
		height: 30vw;
	}
}
@media screen and (min-width: 960px) {
	ul#sale-list li {
		width: 31%;
		margin: 1% 1%;
	}
}
@media screen and (min-width: 1200px) {
	ul#seenin-list li.vertical .asi-image-holder {
		height: 780px;
	}
}
@media screen and (min-width: 1500px) {
	.sale-img {
		height: 420px;
	}
}

#sale-overlay {
	display: none;
	visibility: hidden;
}
/* 9. Dyad Credit Styles
----------------------------------------------------------------------------------------*/
/*change colors of sections of credit here*/
#credit svg svg.siteby path,
#credit svg svg.d path,
#credit svg svg.therest path {
	fill: #aaa;
}
/*sets 'siteby' and 'yad communciations' to opacity 0, adds css transition*/
#credit svg svg.siteby,
#credit svg svg.therest {
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity 0.75s ease, filter 0.75s ease;
	-moz-transition: opacity 0.75s ease, filter 0.75s ease;
	-ms-transition: opacity 0.75s ease, filter 0.75s ease;
	-o-transition: opacity 0.75s ease, filter 0.75s ease;
	transition: opacity 0.75s ease, filter 0.75s ease;
}
#credit {
	opacity: 0;
	filter: alpha(opacity=0);
	margin: 0 auto 20px;
	padding: 0;
	overflow: hidden;
	display: block;
	/*position: absolute;*/
	bottom: 1rem;
	top: auto;
	right: 0;
	left: 0;
	width: 200px;
	height: 12px;
	max-width: 10px;
	-webkit-transition: max-width 0.75s ease, opacity 0.5s ease-in;
	-moz-transition: max-width 0.75s ease, opacity 0.5s ease-in;
	-ms-transition: max-width 0.75s ease, opacity 0.5s ease-in;
	-o-transition: max-width 0.75s ease, opacity 0.5s ease-in;
	transition: max-width 0.75s ease, opacity 0.5s ease-in;
}
#credit svg {
	height: 100%;
	position: absolute;
	left: 0;
	right: auto;
}
/*make sure other page-specific styles dont overwrite the styles below*/
#credit > a {
	display: block;
	position: relative;
	margin: 0 !important;
	padding: 0 !important;
	height: 12px;
	width: 200px;
	-webkit-transform: translateX(-30px);
	-moz-transform: translateX(-30px);
	-ms-transform: translateX(-30px);
	-o-transform: translateX(-30px);
	transform: translateX(-30px);
	-webkit-transition: transform 0.75s ease;
	-moz-transition: transform 0.75s ease;
	-ms-transition: transform 0.75s ease;
	-o-transition: transform 0.75s ease;
	transition: transform 0.75s ease;
}
/*hovers removed*/
#credit {
	max-width: 200px;
}
#credit > a {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
}
#credit svg svg.siteby,
#credit svg svg.therest {
	opacity: 1;
	filter: alpha(opacity=100);
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
	display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
	visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}

@media print,
	(-webkit-min-device-pixel-ratio: 1.25),
	(min-resolution: 1.25dppx),
	(min-resolution: 120dpi) {
	/* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
	*,
	*:before,
	*:after,
	*:first-letter,
	*:first-line {
		background: transparent !important;
		color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
		box-shadow: none !important;
		text-shadow: none !important;
		position: relative;
	}
	hr {
		display: block !important;
		height: 1px;
		border: 0;
		border-top: 1px solid #ccc !important;
		margin: 1em 0;
		padding: 0;
	}
	.summary,
	.summary p {
		vertical-align: top !important;
	}
	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		/*content: " (" attr(href) ")";*/
	}

	abbr[title]:after {
		/*content: " (" attr(title) ")";*/
	}

	/*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

	a[href^="#"]:after,
	a[href^="javascript:"]:after {
		content: "";
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	/*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

	thead {
		display: table-header-group;
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		/*max-width: 100% !important;*/
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
	header {
		position: absolute;
		top: 20px;
	}
	#menu-button {
		display: none;
	}
	main {
		box-decoration-break: clone;
		margin-bottom: 70px;
	}
	.has-announcement header,
	.has-announcement #header-cover {
		height: 10rem;
	}
	.has-announcement #site-navigation {
		height: 100%;
	}
	#announcement {
		display: none !important;
	}
	.site-title {
		width: 400px;
		height: 80px;
		border: 3px double #433930;
		margin: 0 auto;
	}

	#logo {
		width: auto;
		max-width: 100%;
		padding: 20px;
		display: block;
	}
	#logo svg {
		width: 250px;
		margin: 0 auto;
		vertical-align: middle;
		display: block;
		padding: 0;
	}
	#logo svg .st0,
	#logo svg .st1 {
		display: block;
		fill: #433930 !important;
		color: #433930 !important;
	}
	.related-products,
	.download-btn,
	.woocommerce-breadcrumb,
	.other-views-header,
	.thumbnails {
		display: none !important;
	}
	div.product {
		padding-top: 0px;
		margin-top: -10px;
	}

	.woocommerce #content div.product > div.images,
	.woocommerce div.product > div.images,
	.woocommerce-page #content div.product > div.images,
	.woocommerce-page div.product > div.images,
	.sale-img,
	#sale-overlay {
		display: block;
		width: 100%;
		margin-left: 0%;
		margin-top: -10px;
		padding-bottom: 0;
		overflow: visible;
		/*        max-height: 590px;
        overflow: hidden;*/
		/*outline: 1px red solid;*/
	}
	.woocommerce #content div.product > div.images img,
	.woocommerce div.product > div.images img,
	.woocommerce-page #content div.product > div.images img,
	.woocommerce-page div.product > div.images img {
		width: 75%;
		min-width: 6in;
		margin: 0 auto;
		max-height: 8in;
	}
	.sale-img,
	.sale-img img {
		height: auto;
		min-height: 5in;
	}
	.woocommerce main {
		min-height: 8.5in;
	}
	/* #sale-overlay{
		 outline:1px solid red;
	 }
	 .sale-img{
		 outline:1px solid green;
	 } */

	#sale-overlay .originalprice:before {
		content: "Designer Net: ";
	}
	.saleprice,
	#sale-overlay .saleprice:before {
		color: #e74135 !important;
	}
	#sale-overlay .saleprice:before {
		content: "Sale Price: ";
	}

	/* #sale-overlay  div p,
	 #sale-overlay  div h3{
		 text-align: left;
	 } */
	#sale-overlay #actionable-btns {
		display: none !important;
	}
	.woocommerce #content div.product div.summary,
	.woocommerce div.product div.summary,
	.woocommerce-page #content div.product div.summary,
	.woocommerce-page div.product div.summary,
	#sale-overlay {
		display: block;
		width: 100%;
		padding: 0 50px;
		margin-top: 0px;
	}

	.woocommerce #content div.product div.summary p,
	.woocommerce div.product div.summary,
	p .woocommerce-page #content div.product div.summary p,
	.woocommerce-page div.product div.summary p,
	.single-product #content .summary ul li {
		font-size: 10px;
		margin: 0;
	}
	.woocommerce-page div.product div.summary h3,
	.single-product #content .summary h3 {
		font-size: 10px;
		width: 20%;
	}
	.woocommerce-page div.product div.summary h1 {
		font-size: 14px !important;
		font-weight: bold !important;
	}
	.single-product #content .summary hr,
	.price {
		display: none !important;
	}

	.site-info {
		display: block;
		border-top: 1px #ccc solid;
		padding-top: 10px;
		color: #ccc;
		width: 95%;
		position: absolute;
		bottom: 250px;
		font-size: 9px;
		white-space: nowrap;
		text-align: center !important;
	}
	.site-info p {
		color: #ccc;
		font-size: 9px;
		white-space: nowrap;
		text-align: center;
	}
	.site-info > span {
		margin-left: 20px;
		text-align: center;
	}
	.page-template-page_saleroom .site-info span.address {
		display: none;
	}
	.img-slide p {
		font-size: 9px;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	/* page-template-page_saleroom  */

	#sale-list,
	.page-template-page_saleroom .content-holder {
		display: none;
	}
	#sale-overlay {
		display: block;
		visibility: visible;
	}
	.print-only {
		display: block !important;
	}
}

@media print, (min-width: 768px) {
	.site-info {
		bottom: 0px;
	}
}