/* !-------- Basics --- */
body {
	background-color: #fff;
	background: url(), ;
	background-size: ;
	color: #493F39;
	font-family: 'Gabriela', sans-serif;
}
a {
	color: #B0903D;
}
a:hover, a:focus {
	color: #493F39;
}
h1, h2, h3, h4, h5, h6 {
	color: #B0903D;
	margin:  0.5rem auto 1rem auto;
	text-align: center;
	font-family: 'Eagle Lake', sans-serif;
}

p {
	margin: 0.5rem 0;
}

/* !-------- Sections within the page --- */

.image-content, .gallery-info, .gallery, .product-info, .product-description, .product-list  {
	background: ;
	position: relative;
	z-index: 1;
}

.image-content .figure, .gallery-item, .gallery-page, .gallery-content a, .product-images, .product-preview, .category, .showcase, .error, .success {
	outline: 2px solid #B0903D;
	outline-offset: -0.5rem;
	box-sizing: border-box;
	position: relative;
}

.text-content img {
	margin: 0 1rem;
	outline: 2px solid #B0903D;
	outline-offset: -0.5rem;
	box-sizing: border-box;
}

.page-header {
	background: #1B281F;
	position: relative;
	z-index: 2;
}

.section-header h1 {
	line-height: 2rem;
}

footer {
	background: #2F2C39;
	color: #B0903D;
}

.footer-content, .showcase {
	background: #201A18;
}

footer a:hover, footer a:focus {
	color: #fff}

.custom input {
	font-size: 0.8rem;
	font-family: inherit;
}

/* !-------- Decorative SVGs --- */

.deco {
	position: relative;
	padding: 5rem 0;
	outline: 6px double #9BA88C;
	outline-offset: -2rem;
	margin: 1rem;
}

.image-content .figure, .header-decoration {
	position: relative;
}

.header-decoration div {
	height: 150px;
	color: #1B281F;
	z-index: 1;
	margin-top: -16px;
}

.header-decoration svg {
	height: 100%;
	margin: 0 1rem;
}

.header-decoration .fill {
	filter: brightness(130%);
}

.divider {
	height: 150px;
	margin: 0 auto 4rem auto;
	color: #9BA88C;
	text-align: center;
}

.divide {
	rotate: 180deg;
}

.cutout {
	height: 300px;
	color: #9BA88C;
}

.cutout svg {
	height: 100%;
	stroke: #fff;
	stroke-width: 2px;
	paint-order: stroke;
}

.frame {
	height: 50px;
	color: #B0903D;
}

.frame svg {
	height: 100%;
}

.footer-background {
	color: #2F2C39;
}

.footer-background .fill {
	filter: brightness(90%);
}

.image-none .figure {
	outline: none;
}

.image-none svg {
	display: none;
}

/* !-------- SVG positioning --- */

.left {
	position: absolute;
	left: 0;
	transform: scaleX(-1);
}

.right {
	position: absolute;
	right: 0;
}

.tl {
	position: absolute;
	top: 0;
	left: 0;
	transform: scaleY(-1);
}
.br {
	position: absolute;
	bottom: 0;
	right: 0;
	transform: scaleX(-1);
}
.tl2 {
	position: absolute;
	top: 0;
	left: 0;
}
.tr2 {
	position: absolute;
	top: 0;
	right: 0;
	transform: scaleX(-1);
}
.bl2 {
	position: absolute;
	bottom: 0;
	left: 0;
	transform: scaleY(-1);
}
.br2 {
	position: absolute;
	bottom: 0;
	right: 0;
	transform: scaleX(-1) scaleY(-1);
}

/* !-------- Details --- */

.hero {
	background: url(https://demo.monochromestar.com/_admin/uploads/image/site-images/img_6541b.jpg) no-repeat center center fixed;
	background-size: cover;
	outline: 2px solid #B0903D;
	outline-offset: -1rem;
}
.hero-inner {
	filter: drop-shadow(0px 0px 30px #000);
	padding: 2rem;
	box-sizing: border-box;
}

.product-add, .cart-operations .button, #submit {
	width: 200px;
	font-size: 1.3rem;
	font-family: inherit;
	background: #2F2C39;
	color: #B0903D;
	padding: 0.5rem 0;
	box-sizing: border-box;
	outline: 1px solid;
	outline-offset: -.25rem;
	border: 0;
}

.product-add:hover, .product-add:focus, .cart-operations .button:hover, .cart-operations .button:focus, #submit:hover, #submit:focus {
	background: #B0903D;
	color: #fff;
	filter: brightness(120%);
}

.product-images {
	scrollbar-width: none;
}

.store-pages a {
	color: #B0903D;
}

.store-pages a:hover, .store-pages a:focus {
	color: #493F39;
}

.cart-remove {
	margin: 1rem;
	padding: 0.5rem 0.75rem;
	border: 1px solid #B0903D;
}

/* !-------- Main menu --- */

#menu li a{
	color: #fff;
    background: ;
	border-radius: ;
	margin-bottom: ;
}

#menu li a:hover {
	color: #B0903D;
    background: ;
}

#menu .level-1 li a{
	color: ;
    background: ;
	margin-bottom: ;
}

#menu .level-1 li a:hover {
	color: #B0903D;
    background: ;
}

#menu a.arrow::after {
    transition:border-color 0.5s;  
}

/* !-------- Site banner and menu links --- */
#main-menu a{
	font-size: 1rem;
}

/* !-------- Small screens, do not touch --- */

/* Medium screens */
@media (max-width: 1200px){
	.corner {
		display: none;
	}
	.deco {
		margin: 0.5rem;
		outline-offset: -0.25rem;
		border-radius: 0rem;
	}
	.divider {
		width: 75%;
		height: unset;
		margin: 1rem auto 2rem auto;
	}
}

@media screen and (max-width: 900px) {
	.page-header {
		width: 100%;
		border: none;
	}
	.deco {
		outline: 0;
	}
	.divider {
		width: 100%;
		height: unset;
		margin: 1rem auto;
	}
	.header-decoration div {
		height: 100px;
		margin-top: -10px;
	}
	#menu {
		color: #fff;
		background: ;
	}
	#menu li a {
		margin: 0;
	}
	#menu li a:hover {
		color: #B0903D;
	}
	#menu li a:hover, #menu .level-1 li a, #menu .level-1 li a:hover {
		background: none;
	}
	.page-content article {
	box-sizing: border-box;
	}
	.corner {
		display: none;
	}
	.deco {
		padding: 2rem 0;
	}
}