/*
Theme Name: 	Beauty Room
Theme URI: 		http://mohnrot.ch
Version: 		1.0
Author: 		Mohnrot
Author URI: 	http://mohnrot.ch
Template: storefront
*/



/*** Sensible Defaults ***/
@import "https://use.typekit.net/ccd7nea.css";
@import "css/SnellRoundhand.css";
@import "css/reset.css";
@import "css/flickity.css";
@import "editor.css";

::-moz-selection 	{ background:#5b6670; color:#fff; }
::selection 		{ background:#5b6670; color:#fff; }

* {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	   -moz-font-smoothing: antialiased;
	        font-smoothing: antialiased;
}

a, a:link, a:visited, a:hover, a:focus { color: inherit; outline: none;}

html, body {
	 font-family: new-hero, sans-serif;
	 font-size: 13px;
	 line-height: 135%;
	 color: #55544e;
	 font-weight: 400;
}

@media (min-width: 500px) {
	html, body {
		font-size: 13px;
	 line-height: 135%;
	}
}

@media (min-width: 800px) {
	html, body {
		font-size: 15px;
	 line-height: 135%;
	}
}




#page {

}

.wp-block-group.offers {
	position: relative;
}

.wp-block-group.offers::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(css/img/HG_Angebot.jpg) no-repeat top center;
	background-size: cover;
	z-index: 1;
	opacity: 0.4
}

.wp-block-group.offers .wp-block-group__inner-container {
	z-index: 9;
	position: relative;
}



.wrap,
main#main,
article > .woocommerce {
    width: 100%;
	max-width: 1200px;
    padding: 0 1.5rem;
    margin: 0 auto;
}

header.page-header {
    background: #fff !important;

	width: 100%;
	z-index: 999;
	top: 0;
	height: 3.5rem;
}

	@media (min-width: 1100px) {
		header.page-header {
			height: 3.5rem;
		}
	}

header .wrap {
	position: relative;
}

.woocommerce-page header.page-header,
.is-scrolling header.page-header {
}

body.woocommerce-page #page {
	padding-top: 3rem;
}


header.page-header .wrap {
	display: flex;
	flex-flow: row wrap;
	align-items: flex-end;
	padding-top: 1.25rem;
}

a.logo {
	display: block;
	width: auto;
	height: 6rem;
	background: url(css/img/logo.svg) no-repeat center;
	background-size: contain;
	text-indent: -10000px;
	overflow: hidden;
	margin-right: auto;
	/* display: none; */
}

	@media (min-width: 500px) {
		a.logo {
			width: auto;
			height: 9.5rem;
		}
	}

	/* .home header.page-header a.logo {
		display: block;
	} */

header .wrap {
	width: 100%;
	max-width: 100%;
	padding: 0;
}

header.page-header nav {
	font-weight: 400;
	font-size: 1rem;
	line-height: 100%;
	z-index: 9999;
	position: relative;
	display: none;
	font-family: new-hero, sans-serif;
    font-weight: 700;
	color: #55544e;
	margin: 0 auto;
	position: static;
}

	@media (min-width: 768px) {
		header.page-header nav {
			display: block;
		}
	}

	header.page-header nav ul li a {
		font-weight: 400;
	}

	header.page-header nav ul {
		display: flex;
		flex-flow: row wrap;
		position: static;
	}

		header.page-header nav > ul > li {
			margin: 0 1.5rem 0 0;
			padding-bottom: 1.25rem;
			position: static;
		}

		header.page-header nav > ul > li > a {
			color: #55544e;
		}

			@media (min-width: 1100px) {
				header.page-header nav > ul > li {
					margin: 0 2rem 0 0;
				}
			}

			header.page-header nav ul li:last-child {
				margin-right: 0;
			}


		header.page-header nav ul ul {
			display: none;
			position: absolute;
			background: rgba(85, 84, 79, 0.91);
			width: 100vw;
			left: 0;
			padding: 1rem 0;
			z-index: 999;
			margin-top: 1.25rem;
			margin-left: -1.25rem;
			font-size: 1.2em;
			line-height: 120%;
			text-align: center;
			min-height: calc(100vh - 3.5rem);
		}

			header.page-header nav ul ul li {
				margin: 0;
				font-weight: 500;
				color: #fff;
			}


	header.page-header nav > ul > li.current_page_item > a,
	header.page-header nav > ul > li.current_page_ancestor > a {
		color: #989895 !important;
	}

	header.page-header nav ul li:hover ul {
		display: block;
	}

	header.page-header nav ul ul li a {
		color: #fff !important;
		display: block;
		padding: 0.25rem 1.25rem;
	}


	@media (min-width: 768px) {
		header nav ul li.home a {
			display: block;
			width: 1rem;
			height: 1rem;
			background: url(css/img/home.svg) no-repeat center;
			background-size: 80% auto;
			text-indent: -1000px;
			overflow: hidden;
			transform: translateY(-20%);
		}

		header nav ul li.cart a {
			display: block;
			width: 1rem;
			height: 1rem;
			background: url(css/img/cart.svg) no-repeat center;
			background-size: contain;
			text-indent: -1000px;
			overflow: hidden;
			transform: translateY(-30%);
			opacity: 0.5
		}
	}


	@media (max-width: 767px) {
		header.page-header nav {
			display: none;
		}

		.nav-open header.page-header nav {
			display: block;
		}

		header.page-header nav {
			position: absolute;
			top: 3.5rem;
			background: rgba(85, 84, 79, 0.91);
			left: 0;
			width: 100vw;
			height: calc(100vh - 3rem);
			padding: 2rem 0;
			color: #fff;
			text-align: center;
		}

		header.page-header nav ul {
			display: block;
			font-size: 1.75rem;
			line-height: 120%;
		}

		header.page-header nav li {
			display: block;
			margin: 0;
			padding: 0;
		}

		header.page-header nav li a {
			color: inherit;
			padding: 0rem 2rem;
			width: 100%;
			display: block;
			color: rgba(255, 255, 255, 0.7) !important;
		}

		header.page-header nav ul ul {
			margin-left: 0 !important;
			width: calc(100% + 2rem);
			padding: 1.5rem 0;
			position: relative;
			font-size: 1.2rem;
			height: auto;
			position: relative;
			background: rgba(255,255,255, 0.1);
			min-height: 0;
		}

			header.page-header nav ul ul li a {
				padding: 0.25rem 2rem
			}

		header.page-header nav ul li:hover ul {
			display: block;
			position: relative;
		}


		header.page-header nav > ul > li.current_page_item > a,
		header.page-header nav > ul > li.current_page_ancestor > a {
			color: rgba(255, 255, 255, 1) !important
		}

		header.page-header nav > ul > li.current_page_item > ul,
		header.page-header nav > ul > li.current_page_ancestor > ul {
			display: block;
		}
	}

.logo-holder {
	background: #f8f5ee;
	padding: 2rem 0;
}

	@media (min-width: 500px) {
		.logo-holder {
			padding: 1.5rem 0;
		}
	}

ul.products::before, ul.products::after {
	display: none;
}

.products .product * {
	color: #55544e !important
}

.storefront-full-width-content .content-area {
	float: none !important;
}

#site-header-cart {
	display: none;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 999;
	color: #fff;
	background: #c07230;
	width: 3rem;
	min-height: 3rem;
}

.woocommerce-checkout #site-header-cart {
	display: none;
}

	@media (min-width: 768px) {
		#site-header-cart {
			top: 100%;
			bottom: auto;
			width: 250px;
			min-height: 0
		}
	}

	@media (max-width: 767px) {
		#site-header-cart .amount,
		#site-header-cart .count,
		#site-header-cart .woocommerce-Price-currencySymbol {
			display: none;
		}

		.site-header-cart .cart-contents::after {
			position: absolute !important;
			top: 42% !important;
			transform: translateY(-50%) !important;
			display: block !important;
		}

		.nav-toggle {
			width: 3rem;
			height: 3rem;
			position: absolute;
			top: 0;
			right: 1rem;
			background: #fff;
			padding-top: 9px;
			cursor: pointer;
		}

			.nav-toggle span {
				display: block;
				width: 80%;
				height: 3px;
				margin: 5px auto;
				background: #55544e;
			}


	}

	.site-header-cart .cart-contents {
		padding: 0.5rem 1rem;
		color: #fff !important;
		display: block;
	}

	.site-header-cart .cart-contents::after {
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	    display: inline-block;
	    font-style: normal;
	    font-variant: normal;
	    font-weight: normal;
	    line-height: 1;
	    font-family: "Font Awesome 5 Free";
	    font-weight: 900;
	    line-height: inherit;
	    vertical-align: baseline;
	    content: "";
	    height: 1em;
	    float: right;
	    line-height: 1.618;
	}

	.site-header-cart .widget_shopping_cart .product_list_widget img {
		display: none;
	}

	.site-header-cart .widget_shopping_cart {
		display: none !important;
	}


.storefront-sorting {
    display: none;
}


.woocommerce-products-header {
	text-align: left !important;
	padding-bottom: 2rem !important;
}



.footer-area {
	font-size: 0.8rem;
	line-height: 130%;
}


.filter {
	cursor: pointer;
	font-size: 1.2rem;
	line-height: 100%;
	color: #746847;
	font-weight: 500;
}

	.filter:first-child {
		margin-left: 0;
	}

	.filter::after {
		content: "/";
		color: #aca38d;
		display: inline-block;
		margin: 0 0.5rem;
	}

	.filter:last-child::after {
		display: none;
	}

	.filter.is-active {
		font-weight: bold;
	}


.sku_wrapper {display: none}



.summary .woocommerce-product-details__short-description {
	display: none;
}

h1.product_title {
	color: #000;
}


.woocommerce-message {
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(109, 158, 135, 0.95);
	color: #fff;
	border: 0 !important
}

	.woocommerce-message a {
		display: none;
	}


.otgs-development-site-front-end {
	display: none !important;
}


.woocommerce-info, .woocommerce-noreviews, p.no-comments {
	background: #55544e;
}

.form-row select {
	padding: 0.6180469716em;
    background-color: #f2f2f2;
    color: #43454b;
    border: 0;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: 400;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 13%);
	outline: none
}


article > .wp-block-cover:first-child img {
	opacity: 0;
	transition: all 0.6s ease-in-out;
	transition-delay: 0.2s
}

.has-loaded article > .wp-block-cover:first-child img {
	opacity: 1
}


table:not( .has-background ) tbody tr:nth-child(2n) td, fieldset, fieldset legend {
	background: transparent;
}

h1.woocommerce-products-header__title.page-title {
	text-align: center;
}


.wpcf7 input[type='text'],
.wpcf7 input[type='email'],
.wpcf7 input[type='submit'],
.wpcf7 textarea {
	background: rgba(249, 242, 232, 0.7);
	border: 1px solid rgba(249, 242, 232, 0.7);
	font: inherit;
	width: 100%;
	outline: none;
	box-shadow: none;
	margin-bottom: 0.25rem;
	color: #55544e;
	appearance: none;
	-webkit-appearance: none;
	border-radius: 0;
	font-weight: 500;
	padding: 0.75rem 1rem;
	transition: all 0.2s ease-in-out;
}

.wpcf7 input[type='text']:focus,
.wpcf7 input[type='email']:focus,
.wpcf7 textarea:focus {
	border-color: #55544e;
}

.wpcf7 input[type='submit'] {
	font-family: new-hero, sans-serif;
    font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-size: 0.8rem;
	line-height: 100%;
	background: rgba(249, 242, 232, 0.9);
	padding: 1rem 2rem;
	width: auto;
}

.wpcf7 input[type='submit']:hover {
	background: #55544e;
	color: #fff;
}

.wpcf7 *::placeholder {
	color: #55544e;
}


.woocommerce-order *::before {
	display: none;
}

.woocommerce-checkout .woocommerce-order-details__title,
.woocommerce-checkout .woocommerce-customer-details {
	margin-top: 4rem !important;
}


iframe {
	width: 100% !important
}



footer {
	background: #55544e;
	color: #fff;
	font-size: clamp(12px, 0.8rem, 0.8rem);
	line-height: 120%;
	padding: 4rem 0;
	position: relative;
}

footer .wrap {
	display: block;
	padding: 0 1.5rem;
    max-width: 1200px;
    margin: 0 auto;
}


footer .imprint {
	position: absolute;
	bottom: 1rem;
	right: 1rem;
	opacity: 0.6;
}


footer a {
	color: inherit;
	text-decoration: underline;
}


footer p {
	margin-bottom: 1.2em;
}


.wp-block-image:last-child {
	margin-bottom: 0
}


.woocommerce-order-overview__date {
	display: none;
}


.woocommerce-checkout-review-order-table,
.woocommerce-order-details,
.woocommerce-order-overview__total.total {
	display: none;
}