/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

.sti.sti-hover {
	z-index: 999 !important;
}

:root {
  --cream: rgba(255,255,241,1);
  /* --red: rgba(114,32,45,1); */
  --red: rgba(103,36,73,1);
  --maroon : rgba(103,36,73,1);
  --grey: rgba(64,64,64,1);
  --light-grey: rgba(185,186,192,1);
  --darker: rgba(0,0,0,0.12);
  --lighter: rgba(255,255,255,0.3);
  --inner: rgba(255,255,255,0.75);
  --green : rgba(178,192,176,1);
  --beige : rgba(230,225,202,1);
}

* {
	box-sizing: border-box;
}

a {
	text-decoration: none;
	transition: all 200ms ease-in;
}

body {
	background-color: var(--beige);
	text-rendering: optimizeLegibility !important;
	font-family: 'Montserrat', sans-serif
}
.row {
	width: 94%;
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 0;
	position: relative;
}
.with-cols {
	overflow: auto;
}
.column {
	float: left;
}

.left {
	padding: 0 3% 0 0;
}

.block {
	padding: 60px 0;
}

.widescreen {
	height: 56.25vw;
}

.lg-1 {
	width: 8.3%;
}
.lg-2 {
	width: 16.6%;
}
.lg-3 {
	width: 25%;
}
.lg-4 {
	width: 33%;
}
.lg-5 {
	width: 41.5%;
}
.lg-6 {
	width: 50%;
}
.lg-7 {
	width: 58.1%;
}
.lg-8 {
	width: 67%;
}
.lg-9 {
	width: 75%;
}
.lg-10 {
	width: 83%;
}

a.button {
	display: inline-block;
	line-height: 100%;
	padding: 15px 30px;
	color: white;
	background-color: var(--maroon);
	border-radius: 5px;
	max-width: 260px;
	vertical-align: middle;
	margin: 0 0;
}

a.reverse {
	background-color: var(--cream);
	color: var(--red);
}

a.button:hover {
	background-color: var(--grey);
}

a.reverse:hover {
	color: white;
}

header {
	background-color: var(--green);
	padding: 0 0 0 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 150px;
	z-index: 1000;
	box-shadow: 0 0 0 rgba(0,0,0,0);
	transition: box-shadow 300ms ease-in-out;
}

header .row {
	/* padding-bottom: 2px; */
}

header.scrolled {
	/* box-shadow: 0 3px 7px rgba(0,0,0,0.5); */
}

header a {
	color: var(--maroon);
}

header ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	display: block;
}

header ul li {
	display: inline-block;
	margin: 0 0 0 10px;
}

header ul li:first-child {
	margin: 0 0 0 0;
}

header div.flex-container, header div.flex-container-right {
	display: flex;
	align-items: center;
}

header div.flex-container-right {
	justify-content: flex-end;
	width: 100%;
}

header .logo img {
	padding-right:10px;
	margin-top:10px;
}

header .logo-text {
	font-family: Lora;
    font-weight: 500;
    font-size: 2.4em;
	text-wrap: nowrap;
	line-height: 1em;
	padding: 0;
	margin: 0;
}

header .nav-menu {
	width: 100%;
	justify-content: flex-end;
	display: flex;
}

.splash .slider {
	margin-bottom: 3em;
}

.contact-fullwidth {
	text-align: right;
	padding-right: 15px;
}

.contact-narrow {
	display: none;
}


.contact ul li a {
	font-size: 1em;
	color: var(--maroon);
}

.logo {
	/* padding-top: 15px; */
}

.logo img {
/*
	width: 90px;
	height: 90px;
	min-width: 90px;
	max-width: 90px;
	min-height: 90px;
*/
	max-height: 70px;
}

/*
.scrolled img {
	height: 70px;
}

.contact.scrolled {
	padding: 30px 0 5px 0;
}
*/

nav {
	padding-top: 0;
}

nav ul {
	text-align: right;
}

nav ul li a {
	font-size: 1.1em;
	letter-spacing: 0.5px;
}

nav ul li a:hover {
	color: var(--light-grey);
}

	.toggle {
		display:block;
		z-index:1100;
		background-color: var(--green);
		text-align: center;
		padding: 0 20px;
	}
	
	.toggle a {
		display: block;
		color: white;
		font-size: 24px;
		transition: all 200ms ease;
		padding: 6px 0;
	}
	
	a.navon {
		background-color: white;
		color: var(--red);
	}
	
	nav {
		z-index:1000;
		margin:0;
		padding:0;
		margin:0 0;
		text-align:center;
		border: none;
		display: none;
	}
	
	nav .row {
		width:100%;
	}
	
	nav ul {
		margin:0;
		padding:0;
		width:100%;
		border:none;
		
	}
	
	nav ul li {
		width:100%;
		display:block;
		margin:0 0 1px 0 !important;
		padding:0;
		border:none;
	}
	
	nav ul li a {
		padding: 10px;
		line-height:100%;
		font-size:1em;
		color: white;
		border:none;
		color: white;
		font-weight:700;
		display: block;
		background-color: var(--red);
		text-align: center;
	}
	
	nav ul li a:hover {
		border: none;
		background-color: var(--grey);
		color: white;
	}
	
	nav ul li.current-menu-item a {
		border: none;
		color: red;
		background-color: white;
	}
	

.splash {
	/* background-color: var(--darker); */
	margin-top: 120px;
	padding: 30px 0 60px 0;
}

.slide-text {
	padding: 0 8.3% 0 0;
}

.splash h1 {
	color: var(--red);
	margin: 0 0 1em 0;
	padding: 0;
	line-height: 130%;
	font-size: 1.6em;
	text-align:center;
}

.splash h2, .splash p {
	color: var(--grey);
	margin: 0 0 15px 0;
	padding: 0;
	line-height: 130%;
	font-weight: 400;
	font-size: 1.2em;
}

.splash a, .blog-text a, .text a:not(.button) {
	color: var(--red);
	border-bottom: 1px var(--red) dashed;
}

.splash a:hover, .text a:hover:not(.button) {
	color: black;
}

.slide-image {
	height: 40vw;
	max-height: 520px;
}

.slide-image ul {
	list-style: none;
	margin: 0;
	padding: 0 0 20px 0;
	display: block;
	width: 100%;
	height: 100%;
}

.slide-image ul li {
	width: 100%;
	height: 100%;
	display: block;
	border: 10px solid white;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	box-shadow: 0 5px 10px rgba(0,0,0,0.5);
}

main {

}

.not-home {
	margin-top: 120px;
	padding: 30px 0 60px 0;
}

/*
 .text h1:first-of-type{
	padding-top:20px;
}
*/

.hero {
	background-color: var(--red);
	padding: 30px 0;
	text-align: center;
	color: white;
}


.features {
	margin: 0 0 75px 0;
}

.feature {
	margin: 45px auto 0 auto;
	color: var(--grey);
}

.feature-image {
	padding: 15px;
}

.feature-image img {
	width: 100%;
	min-height: 380px;
	object-fit: cover;
	border: 10px solid white;
	box-shadow: 0 5px 10px rgba(0,0,0,0.5);
}

.feature-text {
	padding: 60px 60px 0 60px;
}

.feature:nth-child(2n) .feature-image {
	float: right;
}

.feature:nth-child(2n) .feature-text {
	text-align: right;
}

.feature-text h3 {
	color: var(--red);
	font-size: 2.8em;
	line-height: 130%;
	margin: 0;
	padding: 0;
}

.feature-text p {
	line-height: 130%;
	margin: 0 0 15px 0;
	padding: 0;
}

.hero .newsletter {
	margin: 0 50px;
}

.tips {
	background-color: var(--darker);
	padding: 75px 0;
}

.hero h2 span {
	color: #ffffff;
    padding: 15px;
    border: 1px solid white;
    border-radius: 5px;
}

.hero h5 {
	color: white;
	font-size: 2em;
	text-align: center;
	margin: 65px auto 30px auto;
	padding: 0;
	line-height: 2em;
	position: relative;
	overflow: hidden;
}

.tips h5 {
	color: var(--red);
	font-size: 2.8em;
	text-align: center;
	margin: 0 auto 45px auto;
	padding: 0;
	line-height: 100%;
	position: relative;
	overflow: hidden;
}

.hero h5:before, .hero h5:after, .tips h5:before, .tips h5:after {
content: "";
display: inline-block;
height: 2px;
background-color: var(--red);
position: relative;
vertical-align: middle;
width: 50%;
margin-top: 0;
}

.hero h5:before, .hero h5:after {
	background-color: white;
}

.hero h5:before, .tips h5:before {
right: 1em;
margin-left: -50%;
}

.hero h5:after, .tips h5:after {
left: 1em;
margin-right: -50%;
}

.tip {
	text-align: center;
	padding: 0 3%;
	color: var(--grey);
	line-height: 140%;
}

.tip p {
	margin: 0 0 23px 0;
	padding: 0;
}

.tip h4 {
	font-size: 1.4em;
	margin: 0 0 15px 0;
	padding: 0;
}

.tip h4 a {
	color: var(--red);
}

.tip img {
	width: 80%;
	border: 10px solid white;
	box-shadow: 0 5px 10px rgba(0,0,0,0.5);
	object-fit: cover;
}






.text {
	color: var(--grey);
	padding: 0 0 0 0;
	overflow: visible;
	float:none;
}

.text.full-width {
	padding: 0;
}

.blog-text {
	padding: 0 8.3% 0 0;
}

.text h1 {
	color: var(--red);
	border-bottom: 2px solid var(--red);
	margin: 30px 0 15px 0;
	padding: 0 45px 15px 0;
	display: inline-block;
	font-size: 2.4em;
	letter-spacing: 1px;
}

.text h2 {
	line-height: 145%;
}

.text h2 a {
	color: var(--red);
}

.text h3 {
	color: var(--red);
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: inline-block;
	border-bottom: 2px solid var(--red);
	margin: 30px 0 15px 0;
	padding: 0 45px 15px 0;
	display: inline-block;
}

.text p, .feature-text p, .tip p {
	line-height: 175%;
}


.text p, .text h1, .text h2, .text h3 {
		max-width: 58%;
}

.full p, .full h1, .full h2, .full h3 {
		max-width: 100% !important;
}

.blog-text p, .blog-text h1, .blog-text h2, .blog-text h3 {
		max-width: 100% !important;
}


.wp-block-image {
	float: right;
	width: 33.33%;
	margin: 0 0 30px 8.3%;
}

.extra-image {
	float:none;
	width: 50%;
	margin-top: 0px !important;
}

figure.wp-block-video, figure.wp-block-video video {
	margin: auto;
	max-height: 500px;
}

.text figure:first-of-type:not(.no-margin, .blog-text figure:first-of-type, .wp-block-gallery figure:first-of-type) {
	margin-top: -130px;
}

.wp-block-image img {
	width: 96%;
	object-fit: cover;
	border: 10px solid white;
	box-shadow: 0 5px 10px rgba(0,0,0,0.5);
	min-height: 300px;
}

.text figure:first-of-type:not(.no-margin, .blog-text figure:first-of-type, .wp-block-gallery figure:first-of-type) {
	min-height: 540px;
}


ul.gallery {
	width: 100%;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.gallery li {
	width: calc(20% - 20px);
	margin: 0 20px 20px 0;
	display: inline-block;
	box-shadow: 0 5px 10px rgba(0,0,0,0.5);
	text-align: center;
}

ul.gallery li img {
	width: 100%;
	object-fit: cover;
	margin: 0 0 10px 0;
	transition: all 300ms ease;
}

ul.gallery li a {
	color: var(--grey);
	font-size: 0.9em;
	display: block;
	padding: 10px 10px 15px 10px;
	background-color: white;
}


ul.gallery li a:hover {
	color: white;
	cursor: zoom-in;
	background-color: var(--red);
}


.fabrics ul.gallery li {
	width: calc(25% - 24px);
}



.pic {
	text-align: center;
	padding: 45px 0 0 0;
}

.pic img {
	min-height: 600px;
	object-fit: cover;
	width: 96%;
	border: 10px solid white;
	box-shadow: 0 5px 10px rgba(0,0,0,0.5);
}

.blogroll .post {
	display: table;
	margin: 0 0 30px 0;
	border: 10px solid white;
	box-shadow: 0 5px 10px rgba(0,0,0,0.5);
	background-color: var(--darker);
	width: 100%;
}

.post-text {
	display: table-cell;
	padding: 30px;
	border-right: 10px solid white;
	vertical-align: top;
}

.post-image {
	display: table-cell;
	text-align: right;
	vertical-align: top;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.post h2 {
	margin: 0;
	padding: 0;
}

p.post-meta {
	font-size: 0.9em;
	font-style: italic;
	margin: -10px 0 30px 0;
}

.pic-strip {
	height: 30vw;
	max-height: 300px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 10px solid white;
	box-shadow: 0 5px 10px rgba(0,0,0,0.5);
	width: calc(100% - 20px);
	margin: 0 auto 30px auto;
}

.sidebar h4 {
	margin: 0 0 15px 0;
	padding: 15px;
	line-height: 100%;
	font-size: 1em;
	color: var(--dark-grey);
	background-color: var(--darker);
	font-weight: 400;
}

.sidebar ul {
	list-style: none;
	margin: 0 0 15px 0;
	padding: 0;
	display: block;
}



.sidebar ul li a {
	padding: 10px 15px;
	display: block;
	color: var(--red);
	border-bottom: 1px solid var(--darker);
}

.sidebar ul li a:hover {
	color: var(--dark-grey);
	border-bottom: 1px solid var(--grey);
}


.banner {
	background-color: var(--green);
	text-align: center;
	color: white;
	font-size: 2em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 15px 0;
	margin: 0 0 30px 0;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	box-shadow: 0 0 10px grey;
	letter-spacing: 1px;
}

.products {
	margin: 60px 0 0 0;
	color: var(--dark-grey);
	line-height: 130%;
}

.products h3 {
	color: var(--red);
}

.product {
	text-align: center;
	padding: 15px;
	margin: 0;
}

.product img {
	width: 100%;
	height: 40vw;
	max-height: 260px;
	object-fit: cover;
	border: 10px solid white;
	box-shadow: 0 5px 10px rgba(0,0,0,0.5);
}

.product p:last-child {
	width: 90%;
	margin: auto;
}


form.wpforms-form, form.wpcf7-form {
	width: 100%;
	padding: 5px;
}

form.wpforms-form button[type=submit], form.wpforms-form input, form.wpforms-form textarea, 
form.wpcf7-form input, form.wpcf7-form textarea {
	width: 100%;
	padding: 5px;
	border-radius: 4px;
	outline: none;
	border: 1px solid var(--light-grey);
}


form.wpforms-form select, form.wpcf7-form select {
	width: 100%;
}

form.wpforms-form input:focus, form.wpforms-form textarea:focus,
form.wpcf7-form input:focus, form.wpcf7-form textarea:focus {
	border: 1px solid var(--grey);
	box-shadow: 0 0 10px var(--darker);
}

div.wpforms-container-full form.wpforms-form button[type=submit]:not(:hover):not(:active),
form.wpforms-form button[type=submit].wpforms-submit, 
form.wpcf7-form input[type=submit] {
	background-color: var(--green);
	color: white;
	padding: 10px;
	border: none;
}

.wpforms-container form.wpforms-form .wpforms-field-label, .wp-core-ui div.wpforms-container form.wpforms-form .wpforms-field-label {
	font-weight:normal;
	color:var(--grey);
}

form.wpforms-form input[ty pe=submit]:hover,
form.wpforms-form button[type=submit].wpforms-submit:hover, 
form.wpcf7-form input[type=submit]:hover {
	background-color: var(--grey);
}

form.wpforms-form button[type=submit], form.wpforms-form textarea.wpforms-field-medium {
	max-width: 60%;
}

.text div.wpforms-container-full .wpforms-confirmation-container-full, .text div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
	background-color:var(--cream);
}

.quotes h5 {
	color: var(--red);
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	font-size: 1.4em;
}


.quotes p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 130%;
}

.quote {
	padding: 15px 0;
}

.quotes .quote:nth-child(2n) {
	padding: 30px;
	background-color: var(--darker);
}


.cta {
	background-color: var(--green);
	padding: 60px 0 60px 0;
	color: var(--grey);
}

.cta h4 {
	color: var(--red);
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: inline-block;
	border-bottom: 2px solid var(--red);
	margin: 30px 0 15px 0;
	padding: 0 45px 15px 0;
	display: inline-block;
	font-size: 1.6em;
}

.cta a {
	color: var(--red);
	font-weight: bold;
}

footer {
	background-color: var(--red);
	padding: 45px 0;
	color: white;
}

footer .column:not(:last-child) {
	padding: 0 3% 0 0;
}

footer p {
	font-size: 0.8em;
	line-height: 130%;
}

footer h4 {
	color: white;
	font-size: 1.6em;
	margin: 0;
	padding: 0;
}

footer a, .legal a {
	color: white;
	opacity: 0.6;
}

footer a:hover, .legal a:hover {
	opacity: 1;
}



.social p {
	margin: 0;
	padding: 0;
	line-height: 100%;
}

.social a {
	border: none;
	font-size: 2.6em;
	margin: 0 5px 0 0;
}

.legal {
	background-color: var(--grey);
	margin: 0;
	padding: 10px 0;
}

.legal p {
	margin: 0;
	padding: 0;
	line-height: 130%;
	font-size: 0.8em;
	color: white;
}

.hd {
	float: right;
	font-size: 80%;
}

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

	.block {
		padding: 30px 0;
	}
	
	.med-2 {
		width: 16.6%	
	}
	.med-3 {
		width: 25%;
	}
	.med-4 {
		width: 33%;
	}
	.med-5 {
		width: 42%;
	}
	.med-6 {
		width: 50%;
	}
	.med-7 {
		width: 58%;
	}
	.med-8 {
		width: 67%;
	}
	.med-9 {
		width: 75%;
	}
	.med-10 {
		width: 83%;
	}
	
	
	.logo {
		padding: 0;
		margin: 0;
	}
	
	.contact {
		margin: 0;
	}

	.contact-fullwidth {
		display: none;
	}
	
	.contact-narrow {
		text-align: center;
		display:block;
	}

	
/*
	header {
		padding: 15px 0;
		margin: 0;
		height: 110px;
	}

	.logo img, .scrolled img {
		height: 80px;
	}
	
	header .logo-text {
		font-size: 0.8em;
	}
*/
	

	
	.feature-image {
		padding: 0 15px;
	}
	
	.feature-text {
		padding: 0 30px;
	}

	
	nav ul li {
		margin: 0 0 0 5px;
	}
	
	nav ul li a {
		font-size: 0.95em;
		letter-spacing: 0;
	}
	
	.splash {
		margin-top: 120px;
	}
	
	.splash ul {
		top: 40px;
	}
	
	.splash h1 {
		margin: 0 0 0.6em 0;
		font-size: 1.4em;
	}
	
	.splash h2, .splash p {
		font-size: 1em;
	}
	
	main {
	}
/*	
	.not-home {
		margin-top: 120px;
		padding: 45px 0 60px 0;
	}
*/	
	
	ul.gallery li {
		width: calc(33.33% - 15px);
		margin: 0 15px 15px 0;
		box-shadow: 0 3px 6px rgba(0,0,0,0.5);
	}
	
	.fabrics ul.gallery li {
		width: calc(33.33% - 20px);
	}


		
	
	.wp-block-image {
		float: right;
		width: 40%;
		margin: 0 0 30px 8.3%;
	}
	
	
	.wp-block-image img {
		width: 96%;
		object-fit: cover;
		border: 10px solid white;
		box-shadow: 0 5px 10px rgba(0,0,0,0.5);
	}
	
	
	.feature-image img {
		min-height: 280px;
	}

	.feature-text h3, .tips h5 {
		font-size: 1.6em;
	}

	.feature-text p, .tips p {
		font-size: 0.9em;
	}
	
	footer p {
		font-size: 0.7em;
	}
	
	footer h4 {
		font-size: 1.3em;
	}
	
}

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

	.block {
		padding: 30px 0;
	}

	.sm-4 {
		width: 33.3%
	}
	.sm-5 {
		width: 41.5%
	}
	.sm-6 {
		width: 50%;
	}
	.sm-7 {
		width: 58.1%;
	}
	.sm-8 {
		width: 66.6%;
	}
	.sm-12 {
		width: 100%;
	}


/*
	header {
		padding: 10px 0;
		position: relative;
	}
	
	header, header.scrolled {
		box-shadow: none;
	}

		.logo {
		padding-top: 0;
	}
	
	.logo img, .scrolled img {
		height: 80px;
	}

	.contact, .contact.scrolled {
		text-align: center;
		padding: 5px 0 0 0;
	}

*/

	header .logo-text {
		font-size: 1.1em;
	}

	header .logo img {
		max-height: 50px;
	}
	
	.contact-fullwidth {
		display: none;
	}
	
	.contact-narrow {
		text-align: center;
		display:block;
	}

	.contact-narrow ul li a {
		font-size: 0.8em;
	}
	
	.splash {
		margin-top: 60px;
		padding: 30px 0 30px 0;
		height: auto;
	}
	
	.splash .row {
		overflow: hidden !important;
		padding-bottom: 10px;
	}

	
	.slide-text {
		text-align: center;
		padding: 0;
	}
	
	
	.splash h1 {
		margin: 0 0 0.6em 0;
		font-size: 1.2em;
	}
	
	.splash h2, .splash p {
		font-size: 0.9em;
	}
	
	.slide-image {
		height: 60vw;
		max-height: 460px;
	}
	
	.slide-image ul {
		list-style: none;
		margin: 15px auto;
		padding: 0 0 20px 0;
		display: block;
		width: 98%;
		height: 100%;
	}
	
	.slide-image ul li {
		border: 5px solid white;
		box-shadow: 0 2px 4px rgba(0,0,0,0.5);
	}
		
	
	
	
	
	
	
	
	
	
	main {
		margin-top: 0;
	}

/*
	.not-home {
		margin: 0 0 0 0;
		padding: 60px 0;
	}

*/	

	.hero h1 {
		font-size: 1.6em;
	}
	
	.hero h2 {
		font-size: 1em;
	}
	
	.features {
		margin: 0;
		padding: 15px 0;
	}
	
	.feature {
		margin: 15px 0 0 0;
	}
	
	.feature-image, .feature-text {
		float: left !important;
		text-align: center !important;
		padding: 10px;
	}
	
	.feature-image img {
		min-height: 200px;
	}
	
	
	
	
	.feature-image img, .tip img {
		border-width: 5px;
		box-shadow: 0 3px 6px rgba(0,0,0,0.5);
	}
	
	.tips {
		padding: 45px 0;
	}
	
	.tips h5 {
		margin: 0 auto 30px auto;
	}
	
	.tip {
		margin: 15px 0 0 0;
	}
	
	.feature-text h3, .tips h5 {
		font-size: 1.4em;
	}

	.feature-text p, .tips p {
		font-size: 0.9em;
	}
	
	
	.text {
		padding: none;
	}
	
	.pic img {
		min-height: auto;
	}
	
	.text p, .text h1, .text h2, .text h3 {
		max-width: 100%;
	}
	
	
	ul.gallery li {
		width: calc(50% - 10px);
		margin: 0 10px 10px 0;
		box-shadow: 0 3px 6px rgba(0,0,0,0.5);
	}
	
	.fabrics ul.gallery li {
		width: calc(50% - 15px);
	}

	
	
	.blogroll .post {
		display: block;
	}

	.post-text {
		display: block;
		padding: 15px;
		border-right: none;
	}
	
	.post-image {
		display: block;
		height: 160px;
		border-top: 10px solid white;
	}
	
	.banner {
		font-size: 1.6em;
	}

	
	.wp-block-image {
		float: none;
		width: 100%;
		margin: 30px 0 !important;
		text-align: center;
	}
	
	.wp-block-image img {
		border: 5px solid white;
		box-shadow: 0 3px 6px rgba(0,0,0,0.5);
	}
		
	
	
	
	footer {
		padding: 30px 0;
	}
	
	footer .column:not(footer .column:nth-last-child(-n+2)) {
		margin-bottom: 15px;
	}
	
	.legal {
		padding: 10px 0 50px 0;
	}
	
	.hd {
		float: none;
		display: inline-block;
		width: 100%;
		margin: 5px 0 0 0;
	}
	
	footer .contact {
		text-align: left !important;
	}
	
		footer p {
		font-size: 0.7em;
	}
	
	footer h4 {
		font-size: 1.3em;
	}

}


.hero .newsletter h5 {
	font-size:1.5em;
}

@media screen and (max-width: 800px) {
	.hero .newsletter h5 {
		font-size:1em;
  	}
	.hero .newsletter h5:after {
	    left: 0;
    	margin-right: 0;
	}
	.hero .newsletter h5:before {
    	right: 0;
	    margin-left: 0;
	}
	.hero .newsletter h5:before, .hero .newsletter h5:after {
		width:100%;
	}
	
	header {
		height: 90px;
	}
}

@media screen and (min-width: 1140px) {
	.toggle {
		display:none !important;
	}
	
	nav {
		display:block !important;
		width: 100%;
		border-top: 1px solid var(--maroon);
		border-bottom: 1px solid var(--maroon);
		margin-top: 12px
	}
	
	nav ul {
		display:flex;
	}
	
	nav ul li a {
		padding-top:15px;
		padding-bottom:15px;
		font-size: 0.9em;
		color: var(--maroon);
		background-color: var(--green);
	}

	
	
	
	nav ul li a:hover, nav ul li.current-menu-item a {
	    background-color: var(--cream);
		color: var(--red);
	}

	nav ul li.current-menu-item a {
	    background-color: var(--beige);
	}

	header .nav-menu {
		justify-content: flex-end;
	}
}