/*
* Theme Name: Nyta
* Template: ousia
*/

@font-face {
	font-family: "Merriweather";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(/wp-content/themes/nyta/fonts/u-440qyriQwlOrhSvowK_l5-fCZMdeX3rg.woff2)
		format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
		U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
		U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Merriweather";
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(/wp-content/themes/nyta/fonts/u-4n0qyriQwlOrhSvowK_l521wRZWMf6hPvhPQ.woff2)
		format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
		U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
		U+FEFF, U+FFFD;
}

:root {
	--min-font: 18;
	--max-font: 26;
}

body {
	--text-color: hsl(0, 0%, 1%);
	--link-color: hsl(40, 50%, 50%);
	--accent-color: hsl(40, 50%, 50%);
	--bg-color: hsl(0, 0%, 100%);
	font-family: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman,
		Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji,
		Segoe UI Emoji, Segoe UI Symbol;
	font-family: "Merriweather", Iowan Old Style, Apple Garamond, Baskerville,
		Times New Roman, Droid Serif, Times, Source Serif Pro, serif,
		Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
	font-weight: 300;
	line-height: 1.5;
}
#header {
	color: var(--text-color);
	background-color: var(--bg-color);
}
#header nav .menu-item > a {
	color: var(--text-color);
	transition-duration: var(--half-time);
}
#header svg {
	fill: unset;
}

#header svg {
	fill: var(--text-color);
	z-index: 15;
}

#header nav .menu-item > a:hover {
	color: var(--bg-color);
	background-color: var(--accent-color);
}

.single-product .summary .product_meta {
	display: none;
}

a.xoo-wsc-ft-btn.button.btn.xoo-wsc-ft-btn-cart {
	background-color: var(--bg-color);
	color: var(--link-color);
	border-color: var(--bg-color);
}

/* Add to cart button */

.single_add_to_cart_button {
	transition-property: background-color;
	transition-duration: 0.6s;
	transition-timing-function: ease;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: var(--accent-color);
	color: var(--bg-color);
	border: 1px solid;
	overflow: hidden;
	position: relative;
}
.single_add_to_cart_button:after {
	background: var(--bg-color);
	content: "";
	height: 6em;
	left: -3em;
	opacity: 0.2;
	position: absolute;
	top: -2em;
	transform: rotate(35deg);
	transition: transform 550ms cubic-bezier(0.19, 1, 0.22, 1);
	width: 1.5em;
	z-index: 10;
}

.single_add_to_cart_button:hover:after {
	transform: translate(18em) rotate(35deg);
	transition: transform 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

.single_add_to_cart_button:hover {
	background-color: #c48f24;
}

.single_add_to_cart_button:active {
	box-shadow: 2px 2px 5px 2px var(--shadow-color) inset;
}

.summary h1 {
	margin: 0 0 0.2em 0;
	line-height: 1.4em;
	text-decoration: underline wavy var(--accent-color);
	text-underline-offset: 0.25em;
}

.summary h2 {
	/*  margin: 0;
  font-family: sans-serif; */
	text-transform: uppercase;
	font-size: 1em;
	letter-spacing: 0.4em;
	font-weight: 300;
}

.woocommerce-product-details__short-description ul {
	padding-left: 0.8em;
}

.woocommerce-product-details__short-description li {
	list-style-position: inside;
	list-style-type: cjk-heavenly-stem;
	padding: 0.2em;
	margin-bottom: 0em;
	/*padding-left: 2.3em;
  background: url(https://staging.nyta.no/wp-content/uploads/2019/12/Nyta-Logo.svg);
  background-repeat: no-repeat;
  list-style: none; */
}

/*.review {
  list-style: none;
  padding: 0.2em 1em 0.2em 1em;
  margin-bottom: 1em;
  box-shadow: 3px 3px 35px 0 rgba(0, 0, 0, 0.035),
    1px 1px 2px 0 rgba(0, 0, 0, 0.055) inset;
} */

.wc-block-grid__products .star-rating {
	float: none;
}

.shape-circle {
	shape-outside: circle(40%);
	-webkit-shape-outside: circle(40%);
	-moz-shape-outside: circle(40%);
	width: 60%;
	float: right;
	overflow: hidden;
}
.shape-circle img {
	clip-path: circle(42% at 50% 50%);
	-webkit-clip-path: circle(42% at 50% 50%);
	-moz-clip-path: circle(42% at 50% 50%);
}

@media (max-width: 768px) {
	.shape-circle {
		shape-outside: circle(48% at 76%);
		width: 80%;
		float: right;
	}

	.shape-circle figure {
		margin: 0 -50% 0 0 !important;
	}
}