/* -- Global -- */
html, body {
	font-family: "Avenir LT Std", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: normal;
	font-style: normal;
}

:focus {
	outline: 0;
}

h1 {
	margin-bottom: 1em;
}

a, a:link {
	text-decoration: none !important;
}

a:focus {
	border: 0;
	outline: 0;
}

a:hover {
	color: #595959 !important;
}

img {
	border-radius: 0;
}

.entry-title {
	text-align: center;
}

.product_title.entry-title {
	text-align: left;
}

.text-justify {
	text-align: justify;
}

.overflow-auto {
	overflow: auto;
}

.stock.available-on-backorder {
	color: #ffa000;
}

.only-mobile,
.woocommerce-Tabs-panel.woocommerce-Tabs-panel--description h2,
.woocommerce-Tabs-panel.woocommerce-Tabs-panel--additional_information h2,
.stock.in-stock:before,
.stock.out-of-stock:before,
.woocommerce-loop-category__title {
	display: none;
}

.pswp__bg {
	opacity: 0.9 !important;
}

/* -- Desktop -- */
@media (min-width: 768px)
{
	.page .entry-content p {
		font-size: 19.5px;	
	}
	
	.home .site-content h1,
	.home .storefront-primary-navigation,
	.home .site-header {
		display: none;
	}
	
	.home .main-cover {
		height: 1080px;
	}
	
	.home .cover-arrow {
		position: relative;
		top: -12em;
	}

	.home .site-content h2 {
		margin: 1em 0;
		font-size: 4em;
		font-weight: 200;
		letter-spacing: 1em;
	}

	.home .wp-block-media-text.has-media-on-the-right {
		line-height: 2.5em;
	}
	
	.home .wp-block-gallery {
		max-width: 100%;
	}
	
	.home .gallery-text {
		line-height: 1.5em;
		letter-spacing: 0.5em;
	}
	
	.home .wp-block-media-text.has-media-on-the-right .has-large-font-size {
		letter-spacing: 3px;
	}
	
	.main-navigation {
		width: 100% !important;
		margin-right: 0 !important;
		text-align: center;
    background-image: url("https://www.pystudios.ch/wp-content/themes/pystudios/images/menu-logo.png");
		background-repeat: no-repeat;
		background-position: center;
		margin-bottom: 3em;
	}

	.main-navigation a {
		padding: 1.618em 2.4em !important;
	}
	
	.main-navigation a:last-child {
		padding: 1.618em 4.5em !important;
	}
	
	.single-product .main-navigation {
		margin-bottom: 5em;
	}
	
	.button.product_type_variable {
		display: none;
	}

	.groessentabelle .wp-block-column:nth-of-type(1) {
		flex-basis: 20%;
	}

	.groessentabelle .wp-block-column:nth-of-type(2) {
		flex-basis: 80%;
	}
	
	.site-header-cart {
		position: absolute;
		right: 0;
		width: 17em !important;
		margin-right: 15% !important;
	}
	
	.site-header {
		border-bottom: 0;
	}
	
	.site-branding {
		display: none !important;
	}
	
	.reset_variations {
		margin-left: 0 !important;
		margin-top: 1em;
	}
	
	.woocommerce-loop-product__title,
	.product_title,
	.related.products h2 {
		font-weight: bold !important;
	}
	
	.related.products > h2 {
		border-top: 1px dotted #eee;
		border-bottom: 1px dotted #eee;
		padding: 0.75em 0;
	}
	
	.woocommerce-Price-amount {
		color: #3a3a3a;
	}
	
	.summary.entry-summary {
		padding-left: 8em;
	}
	
	.single-product .onsale {
		margin-left: 8.8em;
	}
	
	.woocommerce-loop-product__link .onsale {
		margin-left: 0;
	}
	
	.woocommerce-product-gallery.woocommerce-product-gallery--with-images {
		margin-right: 0 !important;
		margin-left: 4.347826087%;
	}
	
	.tax-product_cat .site-content .col-full,
	.post-type-archive-product .site-content .col-full {
		max-width: 100%;
		padding: 0;
	}
	
	.tax-product_cat .products,
	.post-type-archive-product .products {
		max-width: 66.4989378333em;
		margin: 0 auto;
	}
	
	.tax-product_cat .woocommerce-products-header {
		height: 560px;
		margin-bottom: 6em;
		color: #fff;
		background: url("https://www.pystudios.ch/wp-content/themes/pystudios/images/collection-background-placeholder.jpg") no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	.term-marine19 .woocommerce-products-header {
		background-image: url("https://www.pystudios.ch/wp-content/uploads/2019/05/bck_marine19-e1558425784719.jpg");
		background-position: 0 37%;
	}	
		
	.term-artists-19 .woocommerce-products-header {
		background-image: url("https://www.pystudios.ch/wp-content/uploads/2019/05/bck_artists19-e1558425801993.jpg");
		background-position: 0 15%;
	}
	
	.tax-product_cat h1 {
		display: inline-block;
		color: #fff !important;
		background-color: rgba(0,0,0,0.4) !important;
		border: 1px solid #fff;
		font-size: 5.5em;
		letter-spacing: 0.2em;
		margin-bottom: 0;
		padding: 0.35em 1em;
		margin-top: 1.8em;
	}
	
	.tax-product_cat .term-description {
		font-size: 2.5em;
		letter-spacing: 0.22em;
		color: #fff;
	}
	
	.instagram-gallery .blocks-gallery-item a:hover:before {
		content: "\f16d";
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		font-family: "Font Awesome 5 Brands";
		font-size: 2em;
		font-weight: normal;
		position: absolute;
		background-color: rgba(0,0,0,0.5);
		width: 100%;
		height: 100%;
		text-align: center;
		text-shadow: 2px 2px rgba(0,0,0,0.1);
	}
}

/* -- Tablet: iPad Pro -- */
@media (min-width: 1024px) and (max-width: 1366px)
{
	.only-tablet {
		display: block;
	}
	
	.hidden-tablet {
		display: none;
	}
}

/* -- Tablet: iPad -- */
@media (min-width: 768px) and (max-width: 1024px)
{
	.only-tablet {
		display: block;
	}
	
	.hidden-tablet {
		display: none;
	}
	
	.site-header-cart {
		width: 10em !important;
		margin-right: 5% !important;
	}

	.home .mobile-logo {
		min-height: 100vh;
		padding-top: 50%;
	}
}

/* -- Tablet: iPad: Horizontal -- */
@media (max-height: 768px) and (max-width: 1024px)
{
	.home .mobile-logo {
		padding-top: 25%;
	}
}

/* -- Mobile -- */
@media (max-width: 765px)
{	
	.only-mobile {
		display: block;
	}
	
	.site-branding,
	.hidden-mobile,
	.pace,
	.home h1,
	.home .woocommerce-loop-category__title,
	.term-description,
	.add_to_cart_button {
		display: none;
	}
	
	.single-product .woocommerce-product-gallery__image img {
		margin: 0 auto !important;
	}

	.mobile-text-centered,
	.woocommerce-products-header__title {
		text-align: center !important;
	}
	
	.main-navigation .menu-toggle {
		background-color: transparent !important;
		border: 0;
	}
	
	.main-navigation .menu-toggle:before,
	.main-navigation .menu-toggle:after,
	.main-navigation .menu-toggle span:before {
		width: 25px;
		height: 1px;
		background-color: #fff;
	}
	
	.main-navigation .menu-toggle:before {
		transform: translateY(-7px);
	}
	
	.main-navigation .menu-toggle:after {
		transform: translateY(7px);
	}
	
	.main-navigation .menu a {
		color: #fff;
	}
	
	.site-header {
		position: fixed;
		width: 100%;
		background-color: rgba(0,0,0,0.9);
	}
	
	.site-content {
		padding-top: 8em;
	}
	
	.variable-items-wrapper.button-variable-wrapper {
		margin: 0.5em;
	}
	
	.woocommerce-Tabs-panel--description h3 {
		border-top: 0;
	}

	.home h2 {
		font-weight: bold;
		line-height: 4em;
		letter-spacing: 0.2em;
	}
	
	.home .site-content {
		padding-top: 0;
	}
	
	.home .menu {
		max-height: 50vh;
		overflow-x: auto;
	}
	
	.home .mobile-logo {
		min-height: 100vh;
		padding-top: 50%;
	}
	
	.home .site-header {
		margin-bottom: 0 !important;
	}
	
	.home .main-cover {
		min-height: 700px;
	}
}