*, *::before, *::after {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
.wc-block-product-categories-list {
	display: flex;
}
.wp-block-categories-list {
	display: none;
}
#main-container {
	position: relative;
	background-color: #333;
	height: 100vh;
	width: 100%;
	overflow: hidden;
}
.entry-content .woocommerce {
	max-width: 1260px !important;
    padding: 0 40px;
    margin: 0 auto;
}
.bg-img {
	position: absolute;
	width: 100%;
	top: calc(50% - 390px);
	left: calc(50% - 10px);
	z-index: 1;
}

.fog-7 {
	position: absolute;
	z-index: 2;
	width: 1900px;
	top: calc(50% - 100px);
	left: calc(50% + 300px);
}

.mountain-10 {
	position: absolute;
	z-index: 2;
	width: 892px;
	top: calc(50% - 69px);
	left: calc(50% + 230px);
}
#main-container .mountain-20 {
	position: absolute;
    z-index: 2;
    top: 46%;
    left: calc(50% + -130px);
    height: 130vh;
}
#main-container-mob {
	position: relative;
}
#main-container-mob h1 {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    margin: 0;
}
.fog-7 {
	position: absolute;
	z-index: 4;
	width: 1610px;
	top: calc(50% - 85px);
	left: calc(50% + 10px);
}
.mountain-9 {
	position: absolute;
	z-index: 5;
	width: 892px;
	top: calc(50% +113px);
	left: calc(50% + 457px);
}

.mountain-9 {
	position: absolute;
	z-index: 6;
	width: 810px;
	top: calc(50% +86px);
	left: calc(50% - 202px);
}
.fog-5 {
	position: absolute;
	z-index: 7;
	width: 450px;
	top: calc(50% + 160px);
	left: calc(50% + 230px);
}
.mountain-7 {
	position: absolute;
	z-index: 8;
	width: 538px;
	top: calc(50% + 123px);
	left: calc(50% - 305px);
}
nav.post-navigation {
	display: none;
}
.text.parralax {
	position: absolute;
	z-index: 9;
	top: 50%;
	left: 50%;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
	pointer-events: auto;
}

.mountain-6 {
	position: absolute;
	z-index: 10;
	width: 408px;
	top: calc(50% + 60px);
	left: calc(50% - 590px);
}

.tree-1 {
	position: absolute;
	z-index: 10;
	width: 100%;
	top: 50%;
	left: 50%;
}

#main-container .tree-2 {
	position: absolute;
	z-index: 10;
	height: 100%;
	top: 50%;
	left: 70%;
}

.fog-4 {
	position: absolute;
	z-index: 11 ;
	width: 590px;
	top: calc(50% + 223px);
	left: calc(50% - 6px);
}
.fog-3 {
	position: absolute;
	z-index: 13 ;
	width: 1600px;
	top: calc(50% + 110px);
	left: calc(50% - 15px);
}

.sun-rays {
	position: absolute;
	z-index: 19;
	top: 0;
	right: 0;
	width: 595px;
	pointer-events: none;
}

.black-shadow {
	position: absolute;
	z-index: 20px;
	bottom: 0;
	right: 0;
	width: 100%;
	pointer-events: none;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
	color: #000;
}
.woocommerce ul.products li.product .button {
	text-align: center;
	transition: 0.2s;
}
.woocommerce ul.products li.product .button:hover {
	background-color: #ff9200;
	color: #FFF;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
	padding: 5px 10px;
}
.woocommerce ul.products li.product .button {
	border-radius: 0 0 17px 17px;
}
.added_to_cart.wc-forward {
	display: none !important;
}
.fog-1 {
	position: absolute;
	z-index: 21;
	width: 1600px;
	top: calc(100% - 355px);
	left: 50%;
}
.bg-tree {
	position: absolute;
    width: 60%;
    top: calc(50% - 170px);
    left: calc(50% - 60px);
    z-index: 1;
    transform: translateX(calc(-50% - 28.665px)) translateY(calc(-50% - 3px)) perspective(2300px) translateZ(0px);
}
.right-tree {
	position: absolute;
    width: 100%;
    top: calc(50% - 61px);
    left: calc(50% - -270px);
    transform: translateX(calc(-50% - 28.665px)) translateY(calc(-50% - 3px)) perspective(2300px) translateZ(0px);
    z-index: 2;
}
.biker {
	position: absolute;
    width: 30%;
    top: calc(50% - 60px);
    left: calc(50% - 10px);
    z-index: 1;
    transform: translateX(calc(-50% - 28.665px)) translateY(calc(-50% - 3px)) perspective(2300px) translateZ(0px);
}
#main-container .vignette {
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: radial-gradient(ellipse at center, rgba(0,0,0,0) 65%, rgba(0,0,0,0.7));
	pointer-events: none;
}
.parralax {
	pointer-events: none;
	transform: translate(-50%, -50%);
	transition: 0.45s cubic-bezier(.2,.49,.32,.99);
}

h1 {
	font-size: clamp(20px, 17vw,130px);
}

.wp-block-group__inner-container .wp-block-group:first-of-type{
	grid-column: span 2;
}
.wp-block-group__inner-container .wp-block-group:nth-of-type(4){
	grid-column: span 2;
}

.has-background-dim {
	background: linear-gradient(314deg, #ff9200, #ffffff00);
    opacity: 0.6 !important;
    background-color: unset !important;
}
.img-zoom .has-background-dim {
	transition: all 0.4s;
}
.img-zoom:hover .has-background-dim {
	opacity: 0 !important;
}
.wc-block-product-template__responsive.columns-4 {
	display: flex;
    margin: 50px 0;
}
.block-container .wp-block-group {
    border-radius: 10px;
    overflow: hidden;
}
.wp-block-group a:hover {
	cursor: pointer;
}
.attribution {
	background-color: #FFF;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 100;
    padding: 10px;
    border-radius: 5px 0 0 0;
    text-decoration: none;
}
.wc-block-product-categories-list-item__name, .catergory-menu-container ul li a {
	color: #000;
    font-weight: 900;
    font-size: 28px;
}
.catergory-menu-container .container {
	width: 100%;
}
.menu-flex {
	display: flex;
	margin: 20px;
	flex-direction: column;
}
.catergory-menu-container {
	margin-bottom: 40px !important;
}
.entry-content .wp-block-woocommerce-product-categories {
	margin: 20px auto;
	width: 100%;
    padding: 0;
}
.catergory-menu-container ul li {
	position: relative;
	padding-right: 25px;
    margin: 4px 0 4px 5px !important;
}
.catergory-menu-container ul li:last-of-type:after {
	display: none;
}
.catergory-menu-container ul li a {
	text-decoration: none;
}
.catergory-menu-container ul li::marker {
	display: none;
	font-size: 0;
}
.catergory-menu-container ul li a:hover {
	color: #FFF;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	background-color: #FFF;
    border: 2px solid black;
    border-radius: 20px;
}
.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item {
	padding-right: 15px;
	margin: 4px 0 4px 8px !important;
	list-style: none;
}
.wc-block-product-categories-list-item a {
	position: relative;
	padding-left: 10px;
	text-decoration: none;
}
.wc-block-product-categories-list-item:first-of-type a {
	padding-left: 0px;
}
.wc-block-product-categories-list-item a:after, .catergory-menu-container .menu-flex > li:after {
	display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background-color: #000;
    content: "";
    top: -9px;
    right: -20px;
}
.catergory-menu-container .menu-flex > li:after {
	top: 30px;
    right: 0px;
}

.wc-block-product-categories-list-item:last-of-type a:after {
	display: none;
}
.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image {
	display: none !important;
}

body {
	background-color: #eaeaea;
}
h1 {
	font-family: "Pacifico", cursive;
    font-weight: 400;
    font-style: normal;
    color: #ff9200;
    text-transform: capitalize;
	text-shadow: -3px 0 rgb(77 44 0), 0 3px rgb(255, 255, 255), 1px 0 rgb(255, 255, 255), 0 -1px rgb(255, 255, 255);
}
.wp-block-cover__background 
{display: none;}
h2.woocommerce-loop-product__title {
	color: #000;
}
#main-container {
	display: none;
}
@media (max-width: 759px) {
.img-zoom h2 {
	font-size: 21px !important;
}
.wp-block-cover,.wp-block-cover-image {
	min-height: 140px;
}

.wc-block-product-categories-list-item__name, .catergory-menu-container ul li a {
	font-size: 18px !important;
}
}

@media (min-width: 600px) {
.menu-flex {
	flex-direction: row;
}
	.wc-block-product-categories-list-item a:after, .catergory-menu-container .menu-flex > li:after {
		height: 30px;
		width: 3px;
	}
	.catergory-menu-container .menu-flex > li:after {
		top: 6px;
		right: 7px;
	}
}
@media (min-width: 760px) {

	.wp-block-group__inner-container .wp-block-group:first-of-type{
		grid-column: span 3;
	}
}
@media (min-width: 1200px) {
	#main-container-mob {
		display: none;
	}
	#main-container {
		display: block;
	}
}