/*** Startseite ***/

/** Slider Startseite **/
.banner-slider {
	margin: 0 0 6.25rem 0;
	.swiper-slide {
		img.dsk {
			display: block;
		}
		img.mbl {
			display: none;
		}
		
		@media (max-width: 768px) {
			img.dsk {
				display: none;
			}
			img.mbl {
				display: block;
			}
		}
	}
	
	.swiper-button-prev.btn-prev,
	.swiper-button-next.btn-next {
		svg {
			display: none;
		}
		background: rgba(247,247,247,0.5);
		width: 3.125rem;
		height: 3.125rem;
		top: 50%;
		margin-top: -1.5625rem;
		&::after {
			color: var(--black);
			font-family: "Font Awesome 6 Pro";
			font-size: 1rem;
			font-weight: 400;
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100%;
		}
		&:hover, &:focus-visible {
			background: var(--white);
			color: var(--black);
		}
	}
	
		.swiper-button-prev.btn-prev {
			left: 0;
			&::after {
				content: '\f053';
			}
		}
		.swiper-button-next.btn-next {
			right: 0;
			&::after {
				content: '\f054';
			}
		}
	
	@media (max-width: 1024px) {
		margin: 0 0 3.125rem 0;
	}
}

/** Kategorie Slider NEU **/

.cat-grid {
	width: 100%;
	width: calc(100% + 3rem);
	position: relative;
	display: flex;
	flex-wrap: wrap;
	
	.cnt {
		width: calc(100%/3 - 3rem);
		margin: 0 3rem 3rem 0;
		position: relative;
		display: flex;
		align-items: flex-end;
		padding: 1.5625rem 3.125rem 1.5625rem 1.5625rem;
		min-height: 21.875rem;
		
		&::after {
			content: '\f054';
			font-family: "Font Awesome 6 Pro";
			width: 3rem;
			height: 3rem;
			position: absolute;
			right: -1.5rem;
			bottom: 1.5625rem;
			background: var(--black);
			color: var(--white);
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 1.5rem;
			font-weight: 300;
			z-index: 5;
			transition: right 0.3s;
		}
		
		.headline {
			font-family: Agrandir;
			color: var(--black);
			position: relative;
			z-index: 2;
			font-size: 1.75rem;
			line-height: 1.3;
			font-weight: 400;
			width: 100%;
		}
		
		.img {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 1;
			&::before {
				content: '';
				width: 100%;
				height: 100%;
				bottom: 0;
				position: absolute;
				z-index: 1;
				background: url('/wp-content/uploads/2025/11/category-shape-2.png') no-repeat center bottom/contain;
			}
			
			img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		}
		
		&:hover {
			&::after {
				right: -0.75rem;
			}
		}
		
		&:nth-child(2n) {
			.img {
				&::before {
					background-image: url('/wp-content/uploads/2025/11/category-shape-1.png');
				}
			}
		}
		
	}
	
	@media (max-width: 1024px) {
		.cnt {
			width: calc(100%/2 - 3rem);
		}
	}
	@media (max-width: 768px) {
		display: none;
	}
}

.cat-slider {
	display: none !important;
	width: calc(100% + 2rem);
	overflow: visible;
	
	.swiper-slide {
		padding-right: 2rem;
		a {
			padding: 1.5625rem 3.125rem 1.5625rem 1.5625rem;
			position: relative;
			display: flex;
			align-items: flex-end;
			min-height: 21.875rem;
			@media (max-width: 480px) {
				/*min-height: 300px;*/
			}
			
			&::after {
				content: '\f054';
				font-family: "Font Awesome 6 Pro";
				width: 2.5rem;
				height: 2.5rem;
				position: absolute;
				right: -1.25rem;
				bottom: 1.5625rem;
				background: var(--black);
				color: var(--white);
				display: flex;
				justify-content: center;
				align-items: center;
				font-size: 1.125rem;
				font-weight: 300;
				z-index: 5;
				transition: right 0.3s;
				@media (max-width: 600px) {
					right: -12.5px;
				}
			}
			
			.headline {
				font-family: Agrandir;
				color: var(--black);
				position: relative;
				z-index: 2;
				width: 100%;
				font-size: 1.5rem;
				font-weight: 400;
				line-height: 1.3;
			}

			.img {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				z-index: 1;
				&::before {
					content: '';
					width: 100%;
					height: 100%;
					bottom: 0;
					position: absolute;
					z-index: 1;
					background: url('/wp-content/uploads/2025/11/category-shape-2.png') no-repeat center bottom/contain;
				}

				img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}
			
		}
		
		&:nth-child(2n) {
			a {
				.img {
					&::before {
						background-image: url('/wp-content/uploads/2025/11/category-shape-1.png');
					}
				}
			}
			
		}
		
	}
	
	.swiper-nav-arrows {
		.swiper-button-prev.btn-prev,
		.swiper-button-next.btn-next {
			width: 3.125rem;
			height: 3.125rem;
			background: rgba(255,255,255,1);
			color: var(--black);
			top: 50%;
			margin-top: -3rem;
			svg {
				display: none;
			}
			&::after {
				content: '\f053';
				font-family: "Font Awesome 6 Pro";
				font-size: 1.5rem;
				font-weight: 300;
			}
			&:hover, &:focus {
				background: var(--white);
			}
		}
		
		.swiper-button-prev.btn-prev {
			left: 0;
		}
		
		.swiper-button-next.btn-next {
			right: 2rem;
			&::after {
				content: '\f054';
			}
		}
	}
	
	.swiper-scrollbar.swiper-scrollbar-horizontal {
		position: relative;
		margin: 3rem 0 0 0;
		width: calc(100% - 2rem);
	}
	
	.swiper-pagination-progressbar.swiper-pagination-horizontal {
		position: relative;
		margin: 1.5625rem 0 0 0;
		width: calc(100% - 2rem);
		background: var(--white);
		height: 0.375rem;
		span.swiper-pagination-progressbar-fill {
			background: linear-gradient(to left, var(--red) 0%, var(--yellow) 100%);
		}
	}
	
	@media (max-width: 768px) {
		display: block !important;
	}
	
}

/** Kategorie Slider **/
#category-slider {
	
	.swiper {
		padding-bottom: 40px;
		overflow: visible;
		.swiper-wrapper {
			.swiper-slide {
				.elementor-element {
					.e-con-inner {
						padding-left: 0;
						padding-right: 0;
						.elementor-element.e-child {
							padding-right: 40px;
							
							&::after {
								content: "\f054";
								font-family: "Font Awesome 6 Pro";
								position: absolute;
								color: inherit;
								font-weight: 400;
								font-size: 1rem;
								bottom: 0;
								right: 1.25rem;
								width: 2.8rem;
								height: 2.8rem;
								background: var(--black);
								color: var(--white);
								display: flex;
								flex-wrap: wrap;
								justify-content: center;
								align-items: center;
								z-index: 5;
								transition: right 0.3s;
							}
							
							.elementor-widget-heading {
								width: 100%;
								height: 100%;
								padding: 1.5625rem 2.5rem 0.9375rem 1.5625rem;
								left: 0;
								bottom: 0;
								display: flex;
								align-items: flex-end;
								z-index: 2;
							}
							.elementor-widget-image {
								&::before {
									content: '';
									width: 100%;
									height: 100%;
									bottom: 0;
									position: absolute;
									z-index: 1;
									background: url('/wp-content/uploads/2025/11/category-shape-2.png') no-repeat center bottom/contain;
								}
							}
						}
					}
				}
				&:nth-child(2n) {
				.elementor-element {
					.e-con-inner {
						.elementor-element.e-child {
							.elementor-widget-image {
								&::before {
									background: url('/wp-content/uploads/2025/11/category-shape-1.png') no-repeat center bottom/contain;
								}
							}
						}
					}
				}
			}
			}

		}
	}
	
	.swiper-pagination.swiper-pagination-progressbar.swiper-pagination-horizontal {
		top: auto;
		bottom: 0;
		background: var(--white);
		.swiper-pagination-progressbar-fill {
			background: linear-gradient(82deg, #FFEE57 0%, #F8B9A7 100%);
		}
	}
}

/** Blog Slider **/

.slider-blog-post {
	
	.swiper {
		overflow: visible;
		.swiper-slide {
			height: auto;
			a {
				height: 100%;
			}
		}
	}
	
	.elementor-swiper-button.elementor-swiper-button-prev,
	.elementor-swiper-button.elementor-swiper-button-next {
		width: 3.125rem;
		height: 3.125rem;
		background: #fff;
		color: var(--black);
		svg {
			display: none;
		}
		&::after {
			content: '\f053';
			font-family: "Font Awesome 6 Pro";
			font-size: 1.5rem;
			font-weight: 300;
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100%;
		}
		&:hover, &:focus {
			background: var(--white);
			color: var(--black);
		}
	}
	
	.elementor-swiper-button.elementor-swiper-button-next {
		right: 2rem;
		&::after {
			content: '\f054';
		}
	}
	
	
	.swiper-pagination-progressbar {
		position: relative;
		transform: none;
		background: var(--white);
		height: 0.375rem !important;
		margin: 25px 0 0 0;
		span.swiper-pagination-progressbar-fill {
			background: linear-gradient(to left, var(--red) 0%, var(--yellow) 100%);
			&:hover {
				background: linear-gradient(to left, var(--red) 0%, var(--yellow) 100%);
			}
		}
	}
}

/*** News ***/

body.page-id-1310, body.page-id-904 {
	.elementor-element.elementor-widget-loop-grid {
		&::before {
			content: '';
			position: absolute;
			top: -12.5rem;
			left: -18.75rem;
			background: url(/wp-content/uploads/2025/11/shape-blurred-1.svg) no-repeat center/contain;
			width: 62.5rem;
			height: 62.5rem;
			z-index: -1;
		}
		&::after {
			content: '';
			position: absolute;
			top: 62.5rem;
			right: -12.5rem;
			background: url(/wp-content/uploads/2025/11/shape-blurred-2.svg) no-repeat center/contain;
			width: 50rem;
			height: 50rem;
			z-index: -1;
			opacity: 0.7;
		}
		
		.elementor.e-loop-item.type-news {
			a {
				height: 100%;
			}
		}
	}	
}


/** News Liste **/

.news-item {
	font-weight: inherit !important;
}

/** News Single View **/

.elementor-location-single.news.type-news {
	padding-top: 3.125rem;
	.elementor-element {
		> .e-con-inner {
			max-width: 64rem;
		}
	}
	
	h1.elementor-heading-title {
		font-size: 3.5rem;
	}
	
	h2.wp-block-heading {
		margin-block-end: 2rem;
		margin-block-start: 0;
		font-size: 2.5rem;
	}
	
	h3.wp-block-heading {
		margin-block-end: 2rem;
		margin-block-start: 2rem;
		font-size: 2rem;
	}
	
	ul {
		margin-bottom: 1rem;
	}
	
	a {
		color: #060a20;
		text-decoration-color: #d0c0f5;
		text-decoration-thickness: 0.375rem;
		text-decoration-line: underline;
		text-underline-offset: -0.1875rem;
		-webkit-text-decoration-skip-ink: none;
		text-decoration-skip-ink: none;
		text-underline-offset: -0.1875rem;
		&:hover {
			text-decoration-color: #f8b9a7;
		}
	}
	
	@media (max-width: 1024px) {
		h1.elementor-heading-title {
			font-size: 2.5rem;
		}

		h2.wp-block-heading {
			font-size: 2rem;
		}

		h3.wp-block-heading {
			font-size: 1.75rem;
		}
		
	}
	@media (max-width: 768px) {
	}
	@media (max-width: 480px) {
		h1.elementor-heading-title {
			font-size: 2rem;
		}

		h2.wp-block-heading {
			font-size: 1.75rem;
		}

		h3.wp-block-heading {
			font-size: 1.5rem;
		}
	}
}

/*** Blog ***/

/** Blog Item **/

.blog-item {
	> .e-con-inner {
		padding: 1.5625rem !important;
	}
}

/** Slider Startseite **/

.blog-slider-start {
	
	.swiper {
		padding-bottom: 40px;
		overflow: visible;
		.swiper-wrapper {
			
		}
	}
	
	.swiper-pagination.swiper-pagination-progressbar.swiper-pagination-horizontal {
		top: auto;
		bottom: 0;
		background: var(--white);
		.swiper-pagination-progressbar-fill {
			background: linear-gradient(82deg, #FFEE57 0%, #F8B9A7 100%);
		}
	}
}

.blog-item.slider {
	.post-info-container {
		display: flex;
		align-items: center;
		.elementor-widget-shortcode {
			.elementor-shortcode {
				span {
					font-size: 0.875rem;
					letter-spacing: 0.025rem;
					font-weight: 600;
					text-transform: uppercase;
					line-height: 1;
				}
			}
		}
		.elementor-post-info {
			li {

			}
		}
	}
	.first-tag {
		font-size: 0.75rem;
		border: 0.0625rem solid var(--black);
		line-height: 1;
		padding: 0.5rem 0.625rem;
	}
}

/** Slider Sticky Posts **/

.slider-sticky-post {
	
	> .e-con-inner {
		padding-left: 0;
		padding-right: 0;
		max-width: 100%;
	}
	
	.swiper {

		
		/*
		&::before {
			content:'';
			position: absolute;
			top: 0;
			left: 0;
			width: 3.75rem;
			height: 100%;
			z-index: 10;
			background: linear-gradient(to right, rgba(6,10,32,0.25), rgba(6,10,32,0));
		}
		*/

		.swiper-slide {
			a {
				padding: 1.5625rem 3.75rem 3.125rem 3.75rem;
				min-height: 37.5rem;
				> .e-con-inner {
					padding-left: 0;
					padding-right: 0;
				}
				
				.elementor-heading-title {
					padding-right: 6.25rem;
				}
				
				@media (max-width: 1280px) {
					.elementor-heading-title {
						padding-right: 0;
					}
				}
				@media (max-width: 1024px) {
					min-height: 31.25rem;
				}
				@media (max-width: 768px) {
					min-height: 25rem;
					.elementor-heading-title {
						width: 100%;	
					}
				}
				@media (max-width: 480px) {
					padding: 1.5625rem 1.5625rem 1.5625rem 1.5625rem;
				}
			}
			.primary-category {
				font-family: Agrandir;
				color: var(--white);
				text-transform: uppercase;
				font-weight: 400;
				margin: 0 0 2rem 0;
			}
		}
	}
	
	.elementor-swiper-button.elementor-swiper-button-prev,
	.elementor-swiper-button.elementor-swiper-button-next{
		width: 3.125rem;
		height: 3.125rem;
		background: rgba(247, 247, 247, 0.5);
		top: 50%;
		margin-top: -1.5625rem;
		svg {
			display: none;
		}
		&::before {
			content: "\f054";
			font-family: "Font Awesome 6 Pro";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			color: var(--black);
			font-size: 1rem;
			font-weight: 400;
		}
		&:hover, &:focus-visible {
			background: var(--white);
		}
	}
	.elementor-swiper-button.elementor-swiper-button-next {
		right: 0;
	}
	.elementor-swiper-button.elementor-swiper-button-prev {
		left: 0;
		&::before {
			content: "\f053";
		}
	}
}

/** Categories Overview **/

.blog-categories-overview {
	.cat-link {
		&::after {
			content: "\f054";
			font-family: "Font Awesome 6 Pro";
			position: absolute;
			color: inherit;
			font-weight: 400;
			font-size: 1rem;
			bottom: 0;
			right: -1.4rem;
			width: 2.8rem;
			height: 2.8rem;
			background: var(--black);
			color: var(--white);
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
			z-index: 5;
			transition: right 0.3s;
		}
		&:hover {
			&::after {
				right: -0.8rem;
			}
		}
		
		.elementor-widget-heading {
			width: 100%;
			height: 100%;
			display: flex;
			align-items: flex-end;
			padding: 1.5625rem 1.5625rem 0.9375rem 1.5625rem;
			h3 {
				hyphens: auto;
			}
		}
		
		.elementor-widget-image {
			&::before {
				content:'';
				width: 100%;
				height: 50%;
				bottom: 0;
				position: absolute;
				z-index: 1;
				background: linear-gradient(to top, rgba(6,10,32,0.5) 15%, rgba(6,10,32,0));
			}
		}
		
		@media (max-width: 1280px) {
			width: calc(100%/3 - 3.125rem);
		}
		
		@media (max-width: 1024px) {
			width: calc(100%/2 - 3.125rem);
		}
	}
}

@media (max-width: 768px) {
	.blog-categories-overview {
		display: block;
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
		width: calc(100% + 25px);
		padding-bottom: 2.5rem;
		.cat-link {
			display: inline-block;
			width: 350px;
			margin-right: 3.125rem;
			h3 {
				white-space: break-spaces !important;
			}
		}
	}
}

/** Liste **/

.latest-blog-posts-list {
	
}

.blog-item {
	font-weight: inherit !important;
	.post-info-container {
		display: flex;
		align-items: center;
		.elementor-widget-shortcode {
			margin-right: 15px;
			.elementor-shortcode {
				span {
					font-size: 0.875rem;
					letter-spacing: 0.025rem;
					font-weight: 600;
					text-transform: uppercase;
					line-height: 1;
				}
			}
		}
		.elementor-post-info {
			li {

			}
		}
	}
}

#load-more-btn {
	color: var(--black);
	background: var(--white);
	border: 0.125rem solid var(--black);
	line-height: 1.25em;
	min-width: 13.75rem;
	&::after {
		font-family: "Font Awesome 6 Pro";
		content: "\f054";
		position: absolute;
		font-size: 9px;
		opacity: 0;
		top: 14px;
		right: -20px;
		transition: all 0.3s;
	}
	&:hover {
		padding-left: 20px;
		padding-right: 28px;
		background: var(--black);
		color: var(--white);
		&::after {
			right: 14px;
			opacity: 1;
		}
	}
}

/* Sticky Post */

.latest-sticky-post {
	.post-item {
		a {
			font-weight: 400;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			padding: 1.5625rem;
			background: var(--white);
			transition: box-shadow 0.3s;
			
			.img {
				width: calc(50% - 1.5625rem);
				height: auto;
				max-height: 25rem;
				img  {
					object-fit: cover;
					width: 100%;
					height: 100%;
				}
			}
			
			.cnt {
				width: calc(50% - 1.5625rem);
				.meta {
					font-size: 0.875rem;
				}
				h3 {
					font-size: 1.5rem;
					margin: 1.5625rem 0;
				}
				.readmore {
					background-color: var(--white);
					font-family: "Proxima Nova", Sans-serif;
					font-size: 1rem;
					font-weight: 600;
					text-decoration: none;
					color: var(--black);
					border-radius: 0;
					border: 0.125rem solid var(--black);
					padding: 12px 24px 14px 24px;
					display: inline-block;
					position: relative;
					line-height: 1;
					margin: 2rem 0 0 0;
					transition: all 0.3s;
					&::after {
						font-family: "Font Awesome 6 Pro";
						content: "\f054";
						position: absolute;
						font-size: 9px;
						opacity: 0;
						top: 17px;
						right: -20px;
						transition: all 0.3s;
					}
					&:hover {
						padding-left: 20px;
						padding-right: 28px;
						background: var(--black);
						color: var(--white);
						&::after {
							right: 14px;
							opacity: 1;
						}
					}
				}
			}
			
			&:hover {
				box-shadow: 0 0 1.25rem rgba(0,0,0,0.2);
			}
			
			@media (max-width: 768px) {
				.img {
					width: 100%;
					height: 13.75rem;
					margin-bottom: 1.5625rem;
				}
				.cnt {
					width: 100%;
				}

				&:nth-child(2) {
					.img {
						order: 1;
					}
					.cnt {
						order: 2;
					}
				}
			}	
		}
		
		&:nth-child(1) {
			margin-bottom: 1.5625rem;
		}
		
		&:nth-child(2) {
			.img {
				order: 2;
			}
			.cnt {
				order: 1;
			}
			@media (max-width: 768px) {
				&:nth-child(2) {
					.img {
						order: 1;
					}
					.cnt {
						order: 2;
					}
				}
			}
		}
	}
}

/** Single View **/

.elementor-location-single.type-post.post  {
	padding-top: 0;
	
	.blog-container {
		.blog-content {
			
			> .elementor-element {
				display: block;
			}
			
			.post-info-container {
				margin: 0 0 1rem 0;
				.post-category {
					font-weight: 600;
					text-transform: uppercase;
					margin-right: 1rem;
				}
			}
			
			h1 strong, h2 strong, h3 strong {
				font-weight: 400 !important;
			}
			
			h1.elementor-heading-title {
				font-size: 3.5rem;
				margin-block-end: 3rem;
			}
			
			h2.wp-block-heading {
				margin-block-end: 2rem;
				margin-block-start: 4rem;
				font-size: 2.5rem;
			}
			
			h3.wp-block-heading {
				margin-block-end: 2rem;
				margin-block-start: 2rem;
				font-size: 2rem;
			}
			
			ul {
				margin-bottom: 1rem;
			}
	
			a {
				color: #060a20;
				text-decoration-color: #d0c0f5;
				text-decoration-thickness: 0.375rem;
				text-decoration-line: underline;
				text-underline-offset: -0.1875rem;
				-webkit-text-decoration-skip-ink: none;
				text-decoration-skip-ink: none;
				text-underline-offset: -0.1875rem;
				&:hover {
					text-decoration-color: #f8b9a7;
				}
			}
			
			figcaption {
				text-align: center;
			}
			
			.elementor-widget-loop-grid {
				a {
					text-decoration: none !important;
				}
			}
			
			.more-headline {
				color: var(--black);
				font-family: Agrandir;
				font-size: 2.25rem;
				line-height: 1.25em;
				margin: 0 0 1rem 0;
			}
			
			.more-articles {
				.blog-item {
					height: 100%;
				}
			}
	
			@media (max-width: 1024px) {
				h1.elementor-heading-title {
					font-size: 2.5rem;
				}

				h2.wp-block-heading {
					font-size: 2rem;
				}

				h3.wp-block-heading {
					font-size: 1.75rem;
				}

			}
			@media (max-width: 768px) {
			}
			@media (max-width: 480px) {
				h1.elementor-heading-title {
					font-size: 2rem;
				}

				h2.wp-block-heading {
					font-size: 1.75rem;
				}

				h3.wp-block-heading {
					font-size: 1.5rem;
				}
			}
			
			/* Kommentar */
			
			#comments .comment-list {
				margin-bottom: 3.125rem;
			}
			
		}
		
		.blog-sidebar {
			
			/* Suche */
			.elementor-element.elementor-widget-search {
				form.e-search-form {
					position: relative;
					width: 100%;
					.e-search-input-wrapper {
						position: relative;
						width: 100%;
						input.e-search-input {
							font-family: "Proxima Nova", sans-serif;
							font-size: 1rem;
							color: var(--black);
							font-weight: 400;
							padding: 1rem;
							line-height: 1.3;
							&::placeholder {
								font-family: "Proxima Nova", sans-serif !important;
								font-weight: 400;
								color: #777;
								font-size: 1rem;
								opacity: 1;
							}
						}
						svg.e-font-icon-svg.e-fas-times {
							display: none;
						}
					}
					button.e-search-submit {
						font-size: 0;
						background: none;
						padding: 0;
						margin: 0;
						position: absolute;
						top: 0;
						right: 0;
						height: 100%;
						width: 3.5rem;
						&::after {
							content: '\f002';
							font-family: "Font Awesome 6 Pro";
							position: absolute;
							top: 0;
							left: 0;
							display: flex;
							justify-content: center;
							align-items: center;
							width: 100%;
							height: 100%;
							color: var(--black);
							font-size: 1rem;
						}
					}
				}
			}
			
			/* Produkte */
			
			.related-products-wrapper {
				margin: 3rem 0 0 0;
				h2 {
					font-size: 1.5rem;
					margin: 0 0 1.5rem 0;

				}
				.product {
					width: 100%;
					background: var(--white);
					margin: 0 0 1.875rem 0;
					position: relative;
					display: flex;
					flex-wrap: wrap;
				.product-labels {
					position: absolute;
					top: 0.625rem;
					left: 0;
					width: 7.8rem;
					span {
						line-height: 1;
						font-weight: 600;
						font-size: 0.625rem;
						margin: 0 0 0.3125rem 0;
						padding: 0.375rem 0.625rem;
						text-transform: uppercase;
						display: inline-block;
						letter-spacing: 0.015rem;
					}
					.prod-badge.new-product {
						background: linear-gradient(82deg, #FFEE57 0%, #F8B9A7 100%);
					}
					.prod-badge.topseller-product {
						background: linear-gradient(82deg, var(--violet) 0%, var(--blue) 100%);
					}
				}
				.img {
					width: 40%;
					padding: 1.25rem;
					display: flex;
					justify-content: center;
					align-items: center;
				}
				.txt {
					width: 60%;
					padding: 1.25rem 1.25rem 1.25rem 0;
					.title {
						font-size: 1.25rem;
						font-weight: 600;
						margin: 0 0 0.5rem 0;
						display: block;
						line-height: 1.25em;
						padding: 0.5rem 0 0 0;
					}
					.price {
						font-size: 1.125rem;
						font-weight: 700;
						margin: 0 0 0.8rem 0;
						ins {
							color: var(--error);
							text-decoration: none;
						}
					}
					.description {
						font-size: 0.75rem;
						margin: 0 0 1rem 0;
						line-height: 1.4;
					}
					.button-container {
						display: flex;
						flex-wrap: wrap;
						align-items: center;
						.btn.black {
							margin-right: 0.5rem;
							font-size: 0.875rem;
							padding-top: 5px;
							padding-bottom: 5px;
							min-height: 40px;
							display: flex;
							align-items: center;
							align-content: center;
							line-height: 1;
						}
						.alg-wc-wl-btn-wrapper {
							button.alg-wc-wl-btn {
								border: none;
								padding: 0;
								width: 2.5rem;
								height: 2.5rem;
								margin-right: 0.8rem;
								display: flex;
								align-items: center;
								justify-content: center;
								border-radius: 0;
								margin: 0;
								background: none;
								transition: none;

								i {
									margin: 0;
									font-size: 1.25rem;
									font-weight: 300;
									color: var(--black);
									opacity: 1;
								}

								&:hover i {
									transform: none;
								}

								.alg-wc-wl-btn-text {
									display: none;
								}

								.alg-wc-wl-view-state-add {
									opacity: 1;
								}

								.alg-wc-wl-view-state-remove {
									opacity: 1;
									i {
										font-weight: 700;
									}
								}

								&:focus {
									outline: revert;
									outline-offset: revert;
									box-shadow: revert;
								}
							}
						}
					}
				}
				}
				
				@media (max-width: 1024px) {
					display: flex;
					flex-wrap: wrap;
					width: calc(100% + 25px);
					h2 {
						width: 100%;
					}
					.product {
						width: calc(50% - 25px);
						margin-right: 25px;
						.img {
							width: 50%;
						}
						.txt {
							width: 50%;
						}
					}
				}
				@media (max-width: 768px) {
					width: calc(100% + 10px);
					.product {
						margin: 0 10px 10px 0;
						width: calc(50% - 10px);
						.img {
							width: 100%;
							padding: 1.25rem;
						}
						.txt {
							width: 100%;
							padding: 0 1.25rem 1.25rem 1.25rem;
							.button-container {
								.btn.black {
									width: 100%;
									margin: 0;
									justify-content: center;
								}
								.alg-wc-wl-btn-wrapper {
									position: absolute;
									top: 0;
									right: 0;
									button.alg-wc-wl-btn {
										width: 50px;
										height: 50px;
										i {
											font-size: 1.5rem;
										}
									}
								}
							}
						}
					}
				}
				@media (max-width: 480px) {
					width: 100%;
					.product {
						width: 100%;
						margin: 0 0 10px 0;
						.img {
							img {
								max-height: 15.625rem;
								object-fit: contain;
							}
						}
					}
				}
				
			}
		}
	}

}


/*** FAQs ***/

.faq-filter {
	button {
		font-family: "Proxima Nova", sans-serif;
		font-weight: 400;
		color: var(--black);
		padding: 1rem;
		line-height: 1;
		border: 0.0625rem solid var(--black);
		margin: 0 1rem 1rem 0;
		background: none;
		&:focus {
			color: var(--black);
		}
		&.active, &:hover {
			background: var(--black);
			color: var(--white);
		}
	}
}

.faq-list {
	
	.accordeon-container {
		> .e-con-inner {
			padding-left: 0 !important;
			padding-right: 0 !important;
		}
	}
	
	.accordeon {
		border-bottom: 0.0625rem solid var(--black);
		> .e-con-inner {
			padding-left: 0 !important;
			padding-right: 0 !important;
		}
		.acc-head {
			cursor: pointer;
			position: relative;
			padding: 1rem 2.5rem 1rem 1rem;
			p {
				font-weight: 600;
				line-height: 1.6;
			}

			&::after {
				content: "\2b";
				font-family: 'Font Awesome 6 Pro';
				position: absolute;
				top: 1.25rem;
				right: 1rem;
				font-weight: 400;
				font-size: 0.75rem;
			}
			&.open {
				&::after {
					content: "\f068";
				}
			}
			
		}
		.acc-body {
			display: none;
			padding: 0 1rem 1rem 1rem;
		}
	}
}

/*** Jobs ***/

.job-list {
	a {
		background: var(--skin);
		padding: 1.5rem 3.75rem 1.5rem 1.5rem;
		color: var(--black);
		display: block;
		position: relative;
		text-decoration: none;
		&::after {
			content: '\f1c1';
			font-family: "Font Awesome 6 Pro";
			position: absolute;
			top: 1.25rem;
			right: 1.25rem;
			font-size: 1.375rem;
			font-weight: 300;
		}
		&:hover {
			background: var(--black);
			color: var(--white);
		}
	}
}

/*** Newsletter ***/

#mc_embed_shell.mailchimp-newsletter {
	
	form#mc-embedded-subscribe-form {
		margin: 0;
		
		#mc_embed_signup_scroll {
			.form-inner {
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				align-content: flex-start;
				.mc-field-group {
					width: 100%;
					padding: 0;
					margin: 0 0 1rem 0;
					display: block;
					&.row50-50 {
						width: calc(50% - 0.5rem);
					}
					
					label {
						font-size: 1rem;
						position: absolute;
						left: 0.75rem;
						top: 1.125rem;
						font-weight: 400;
						font-size: 1rem;
						background: none;
						line-height: 1;
						padding: 0.1875rem 0.3125rem 0.3125rem 0.3125rem;
						z-index: 2;
						transition: all 0.3s;
						
						.asterisk {
							color: var(--black);
							font-size: 100%;
							top: auto;
						}
					}
					
					input {
						font-family: "Proxima Nova", sans-serif;
						font-weight: 400;
						background: var(--white);
						color: var(--black);
						font-size: 1rem;
						border: 0.0625rem solid var(--white);
						outline: none;
						border-radius: 0;
						padding: 1rem;
						text-indent: 0;
						&:focus {
							border-color: var(--black);
						}
						&.mce_inline_error {
							padding: 1rem;
							color: var(--black);
							border-color: var(--error);
							&:focus {
								border-color: var(--black);
							}
						}
						&::placeholder {
							opacity: 0 !important;
						}
					}
					
					.mce_inline_error {
						padding: 0.3125rem 0 0 0;
						margin: 0;
						color: var(--error);
					}
				}
			}
		}
		
		.submit-row {
			margin: 1rem 0 0 0;
			.inner {
				position: relative;
				display: inline-block;
				&::after {
					font-family: "Font Awesome 6 Pro";
					content: "\f054";
					position: absolute;
					font-size: 0.5625rem;
					opacity: 0;
					top: 1rem;
					right: 0;
					color: var(--white);
					font-weight: 600;
					pointer-events: none;
					transition: all 0.3s;
				}
				&:hover, &:focus-within  {
					&::after {
						right: 58px;
						opacity: 1;
					}
				}
				
				input {
					font-family: "Proxima Nova", sans-serif;
					background: var(--black);
					color: var(--white);
					font-weight: 600;
					font-size: 1rem;
					border-radius: 0;
					outline: none;
					border: none;
					padding: 0.75rem 1.5rem 0.875rem 1.5rem;
					min-height: 100%;
					max-height: 100%;
					height: 100%;
					margin: 0;
					line-height: 1.25em;
					min-width: 12.5rem;
					transition: all 0.3s !important;
					&:hover, &:focus-within  {
						padding-left: 1.25rem;
						padding-right: 1.75rem;
					}
				}
			}
		}
		
		.mce_inline_error {
			background: none;
			padding: 0.3125rem 0 0 0;
			margin: 0;
			color: var(--error);
		}
		
		#mce-responses {
			margin: 0;
			padding: 0;
			float: none;
			width: 100%;
			& .response {
				margin: 1rem 0 0 0;
				padding: 0;
				font-weight: 400;
				float: none;
				width: 100%;
			}
			& #mce-error-response {
				color: var(--error);
			}
			& #mce-success-response {
				color: var(--success);
			}
		}
		
	}
	
	p {
		margin: 0;
		a {
			color: var(--black);
			text-decoration-color: var(--violet);
			text-decoration-thickness: 0.375rem;
			text-decoration-line: underline;
			text-underline-offset: -0.1875rem;	
			-webkit-text-decoration-skip-ink: none;
			text-decoration-skip-ink: none;
			text-underline-offset: -0.1875rem;

			&:hover {
				text-decoration-color: var(--red);
			}
		}
	}
}


.mc-field-group:focus-within label,
.mc-field-group.filled label {
	top: -0.75rem !important;
	background: #fff !important;
}

/*** Salesforce ***/

#salesforceform {
	form {
		
		.form-group {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}
		
		.form-inside {
			width: 100%;
			position: relative;
			margin: 0 0 1rem 0;
			label {
				font-size: 1rem;
				position: absolute;
				left: 0.75rem;
				top: 1.125rem;
				font-weight: 400;
				font-size: 1rem;
				background: none;
				line-height: 1;
				padding: 0.1875rem 0.3125rem 0.3125rem 0.3125rem;
				z-index: 2;
				transition: all 0.3s;
			}
			input, select, textarea {
				position: relative;
				border-radius: 0 !important;
				height: 100%;
			}
			
			&:focus-within, &.filled {
				label {
					top: -0.75rem;
					background: #fff;
				}
			}
			
			&.is-select {
				label {
					top: -0.75rem;
					background: #fff;
				}
			}
			
			&.is-class-33 {
				width: calc(100%/3 - 0.5rem);
			}
		}
		
		.wp-block-buttons {
			.wp-block-button {
				position: relative;
				&::after {
					font-family: "Font Awesome 6 Pro";
					content: "\f054";
					position: absolute;
					font-size: 0.5625rem;
					opacity: 0;
					top: 1rem;
					right: 0;
					color: var(--white);
					font-weight: 600;
					pointer-events: none;
					transition: all 0.3s;
				}
				&:hover, &:focus-within  {
					&::after {
						right: 75px;
						opacity: 1;
					}
				}
				input {
					border: none !important;
					min-width: 12.5rem;
					line-height: 1.25;
					transition: all 0.3s !important;
					&:hover, &:focus-within  {
						padding-left: 1.25rem;
						padding-right: 1.75rem;
					}
				}
			}
		}
		
	}
}

/*** Wishlist ***/

.alg-wc-wl-view-table-container {
	table.alg-wc-wl-view-table {
		border: 0.125rem solid #eee;
		font-size: 1rem;
		thead {
			tr {
				th {
					padding: 0.9375rem 0.625rem;
					border: none;
					background: var(--white);
					font-weight: 600;
				}
			}
		}
		tbody {
			tr {
				td {
					padding: 0.625rem;
					border: none;
					border-bottom: 0.0625rem solid #eee;
					background: none;
				}
				
				td.product-thumbnail {
					a {
						display: block;
						line-height: 1;
						img {
							max-width: 6.25rem;
							padding:  0.3125rem;
							background: var(--white);
						}
					}
				}
				td.product-name {
					a {
						text-decoration-color: var(--violet);
						text-decoration-thickness: 0.375rem;
						text-decoration-line: underline;
						text-underline-offset: -0.1875rem;	
						-webkit-text-decoration-skip-ink: none;
						text-decoration-skip-ink: none;
						text-underline-offset: -0.1875rem;

						&:hover {
							text-decoration-color: var(--red);
						}
					}
				}
			}
			
			a.button.add_to_cart_button {
				background: var(--black);
				color: var(--white);
				padding: 0.8125rem 1.5rem;
				line-height: 1;
				font-weight: 600;
				font-size: 0.875rem;
				border-radius: 0;
				min-height: 2.875rem;
				display: flex;
				justify-content: center;
				align-items: center;
				transition: all 0.3s;
				&::after {
					font-family: "Font Awesome 6 Pro";
					content: "\f054";
					position: absolute;
					font-size: 0.5625rem;
					opacity: 0;
					top: 50%;
					margin-top: -0.28125rem;
					right: -1.25rem;
					transition: all 0.3s;
				}
				&:hover,  &:focus {
					color: var(--white);
					padding-left: 1.25rem;
					padding-right: 1.75rem;
					&::after {
						right: 0.875rem;
						opacity: 1;
					}
				}
			}
			
			a.added_to_cart.wc-forward {
				display: none !important;
			}
			
			.alg-wc-wl-btn.remove {
				.alg-wc-wl-view-state.alg-wc-wl-view-state-remove {
					position: relative;
					width: 2rem;
					height: 2rem;
					display: flex;
					justify-content: center;
					align-items: center;
					margin: 0 auto;
					
					&::after {
						content: '\f00d';
						font-family: "Font Awesome 6 Pro";
						display: block;
						font-weight: 300;
						font-size: 1.5rem;
					}
					
					&:hover, &:focus-visible {
						background: var(--white);
					}
					
					i {
						display: none;
					}
				}
			}
			
		}
		
		@media (max-width: 1024px) {
			font-size: 0.875rem;
		}
		@media (max-width: 768px) {
			border-collapse: separate;
			font-size: 1rem;
			border: none !important;
			tr {
				display: block;
				margin-bottom: 1.25rem;
				border: 0.125rem solid #eee;
				td {
					text-align: left !important;
					float: none;
					background: none !important;
					&::before {
						width: 10rem;
					}
				}
				td.product-removal {
					border-bottom: none;
				}
			}
			.alg-wc-wl-btn.remove {
				display: flex;
				justify-content: flex-end;
				.alg-wc-wl-view-state.alg-wc-wl-view-state-remove {
					margin: 0 !important;
				}
			}
		}
		@media (max-width: 480px) {
			font-size: 0.875rem;
			tr {
				td {
					&::before {
						width: 7rem;
					}
				}
			}
		}
	}
}

/*** My Account ***/

.elementor-widget-woocommerce-my-account .e-my-account-tab {
	
	/** Account Nav **/
	nav.woocommerce-MyAccount-navigation {
		width: 15.625rem !important;
		padding-right: 1.875rem;
		ul {
			li {
				a {
					position: relative;
					display: flex !important;
					flex-wrap: wrap;
					align-items: center;
					border-bottom: 0.125rem solid #fff !important;
					&::before {
						font-family: "Font Awesome 6 Pro";
						display: inline-block;
						font-weight: 300;
						font-size: 1.25rem;
						margin-right: 15px;
						width: 1.25rem;
						text-align: center;
					}
					&::after {
						content: '';
						position: absolute;
						left: 0;
						width: 0;
						bottom: -0.125rem;
						height: 0.125rem;
						background: var(--black);
						transition: all 0.3s;
					}
					&:hover::after {
						width: 100%;
					}
				}
				&.woocommerce-MyAccount-navigation-link--dashboard {
					a::before {
						content: '\e487';
					}
				}
				&.woocommerce-MyAccount-navigation-link--orders {
					a::before {
						content: '\f07a';
					}
				}
				&.woocommerce-MyAccount-navigation-link--edit-address {
					a::before {
						content: '\f3c5';
					}
				}
				&.woocommerce-MyAccount-navigation-link--edit-account {
					a::before {
						content: '\f2bb';
					}
				}
				&.woocommerce-MyAccount-navigation-link--my-wish-list {
					a::before {
						content: '\f004';
					}
				}
				&.woocommerce-MyAccount-navigation-link--customer-logout {
					a::before {
						content: '\f08b';
					}
				}
				&.is-active a {
					border-color: #eee !important;
				}
			}
		}
		@media (max-width: 768px) {
			width: 100% !important;
			padding: 0;
			ul {
				width: 100%;
				display: flex;
				flex-wrap: wrap;
				li {
					display: inline-block;
					width: calc(100%/3) !important;
					a {
						border:  0.125rem solid var(--black) !important;
						justify-content: center;
						padding: 0.75rem 0.625rem !important;
						margin: 5px;
						font-size: 0.875rem !important;
						font-weight: 600 !important;
						text-align: center !important;
						&::after {
							content: none;
						}
					}
					&.is-active a {
						border-color: var(--black) !important;
						background: var(--black) !important;
						color: var(--white) !important;
					}
				}
			}
		}
		@media (max-width: 600px) {
			ul {
				li {
					a {
						font-size: 0.75rem !important;
						padding: 0.75rem 0.3125rem;
						margin: 1px 2px;
						&::before {
							width: 100%;
							margin: 0 0 5px 0;
							font-size: 1.5rem;
							line-height: 1;
						}
					}
				}
			}
		}
	}
	
	.woocommerce-MyAccount-content {
		padding: 0 0 0 3.125rem;
		width: calc(100% - 15.625rem);
		@media (max-width: 1024px) {
			padding: 0 0 0 1.5625rem;
		}
		@media (max-width: 768px) {
			padding: 3.125rem 0 0 0;
			width: 100%;
		}
	}
	
	/** Dasboard **/
	&.e-my-account-tab__dashboard {
		.woocommerce-MyAccount-content {
			a {
				color: var(--black);
				text-decoration-color: var(--violet);
				text-decoration-thickness: 0.375rem;
				text-decoration-line: underline;
				text-underline-offset: -0.1875rem;	
				-webkit-text-decoration-skip-ink: none;
				text-decoration-skip-ink: none;
				text-underline-offset: -0.1875rem;

				&:hover {
					text-decoration-color: var(--red);
				}
			}
		}
	}
	
	/** Orders **/
	&.e-my-account-tab__orders {
		.woocommerce-MyAccount-content {
			
			table.my_account_orders {
				border: 0.125rem solid #eee;
				border-radius: 0;
				thead {
					tr {
						th {
							padding: 0.625rem !important;
							background: var(--white);
						}
					}
				}
				tbody {
					tr {
						th {
							padding: 0.625rem !important;
							a {
								font-size: 1rem;
								color: var(--black) !important;
								text-decoration-color: var(--violet);
								text-decoration-thickness: 0.375rem;
								text-decoration-line: underline;
								text-underline-offset: -0.1875rem;	
								-webkit-text-decoration-skip-ink: none;
								text-decoration-skip-ink: none;
								text-underline-offset: -0.1875rem;

								&:hover {
									text-decoration-color: var(--red);
								}
							}
						}
						td {
							padding: 0.625rem !important;
						}
						td.woocommerce-orders-table__cell-order-actions {
							a.button {
								margin: 5px 10px 5px 0;
							}
							a.button:last-child {
								margin-right: 0;
							}
						}
					}
				}
				@media (max-width: 1024px) {
					font-size: 0.875rem;
					thead, tbody {
						tr {
							th, th span, th a, td {
								font-size: 0.875rem;
							}
						}
					}
				}
				@media (max-width: 768px) {
					font-size: 1rem;
					border-collapse: separate;
					border: none;
					thead, tbody {
						tr {
							th, th span, th a, td {
								font-size: 1rem;
							}
						}
					}
					tbody {
						tr {
							border: 0.125rem solid #eee;
							margin-bottom: 1.25rem;
							
							td {
								text-align: left !important;
							}
							
							td::before {
								width: 10rem;
								float: none;
								text-align: left;
								display: inline-block;
							}
							
							td.woocommerce-orders-table__cell-order-date {
								border-top: none !important;
							}
						}
					}
				}
				@media (max-width: 480px) {
					font-size: 0.875rem;
					thead, tbody {
						tr {
							th, th span, th a, td {
								font-size: 0.875rem;
							}
						}
					}
					tbody {
						tr {
							td::before {
								width: 7rem;
							}
						}
					}
				}
			}
		}
	}
	
	/** Orders Details **/
	&.e-my-account-tab__view-order {
		.woocommerce-MyAccount-content {
			h2.woocommerce-order-details__title, h2.woocommerce-column__title {
				font-family: Agrandir;
				font-weight: 400;
				font-size: 1.5rem;
				margin: 0 0 2.5rem 0;
				@media (max-width: 768px) {
					margin: 0 0 1.5rem 0;
				}
			}
			
			section.woocommerce-order-details {
				padding-top: 2.5rem;
			}
			
			table.order_details {
				border: 0.125rem solid #eee;
				thead {
					tr {
						th {
							padding: 0.625rem !important;
							background: var(--white);
						}
					}
				}
				tbody {
					tr {
						td {
							padding: 0.625rem;
						}
					}
				}
				tfoot {
					tr {
						th, td {
							padding: 0.625rem;
						}
						td {
							a.button {
								border: none !important;
								font-size: 1rem;
								background: none !important;
							}
						}
					}
				}
				@media (max-width: 480px) {
					font-size: 0.875rem;
						thead, tbody, tfoot {
						tr {
							th, td, td a {
								font-size: 0.875rem !important;
							}
						}
					}
				}
			}
			
			.order-again {
				display: none;
			}
			
			section.woocommerce-customer-details {
				section.woocommerce-columns {

					.woocommerce-column {
						width: calc(50% - 1.25rem);
						padding: 1.5625rem;
						border: 0.125rem solid #eee;
						@media (max-width: 768px) {
							width: 100%;
							&:first-child {
								margin-bottom: 1.25rem;
							}
							
							address {
								height: auto !important;
							}
						}
						@media (max-width: 480px) {
							padding: 0.9375rem;
							address {
								font-size: 0.875rem !important;
							}
						}
					}
				}
			}
			
			.sab-documents-download {
				margin: 2.5rem 0 0 0;
				h3 {
					font-family: Agrandir;
					font-weight: 400;
					font-size: 1.5rem;
					margin: 0 0 2.5rem 0;
					@media (max-width: 768px) {
						margin: 0 0 1.5rem 0;
					}
				}
				a.button {
					background: none;
					color: var(--black);
					border-radius: 0;
					padding: 0.8125rem 1.5rem;
					border: 0.125rem solid var(--black);
					font-size: 1rem;
					font-weight: 600;
					line-height: 1;
					transition: all 0.3s;
					&:hover {
						background: var(--black);
						color: var(--white);
					}
				}
			}
			
		}
	}
	
	/** Adresses **/
	&.e-my-account-tab__edit-address {
		.woocommerce-MyAccount-content {
			
			.u-columns.woocommerce-Addresses.col2-set.addresses {
				padding-top: 2.5rem;
				
				.col-1, .col-2 {
					header {
						position: relative;
						z-index: 1;
					}
				}
				
				@media (max-width: 768px) {
					.col-1 {
						margin-bottom: 1.25rem;
					}
				}
			}
			
			.woocommerce-Address-title h2 {
				font-family: Agrandir;
				font-weight: 400;
				font-size: 1.5rem;
				margin: 0 0 2.5rem 0;
				@media (max-width: 768px) {
					margin: 0 0 1.5rem 0;
				}
			}
			
			
			a.edit {
				font-size: 1rem;
				color: var(--black);
				text-decoration-color: var(--violet);
				text-decoration-thickness: 0.375rem;
				text-decoration-line: underline;
				text-underline-offset: -0.1875rem;	
				-webkit-text-decoration-skip-ink: none;
				text-decoration-skip-ink: none;
				text-underline-offset: -0.1875rem;

				&:hover {
					text-decoration-color: var(--red);
				}
			}
			
			
			/* Edit Adress */
			form {
				h2 {
					font-family: Agrandir;
					font-weight: 400;
					font-size: 1.5rem !important;
					margin: 0 0 2.5rem 0 !important;
					@media (max-width: 768px) {
						margin: 0 0 1.5rem 0 !important;
					}
				}
			}
			
			#billing_country_field, #billing_state_field {
				label {
					top: -0.75rem;
					background: #fff;
				}
			}
			
			.woocommerce-address-fields {
				button.button {
					padding: 0.8125rem 1.5rem;
					display: flex;
					justify-content: center;
					align-items: center;
					align-content: center;
					background: var(--black);
					color: var(--white);
					font-weight: 600;
					font-size: 1rem;
					&::after {
						font-family: "Font Awesome 6 Pro";
						content: "\f054";
						position: absolute;
						font-size: 0.5625rem;
						opacity: 0;
						top: 50%;
						margin-top: -0.28125rem;
						right: -1.25rem;
						transition: all 0.3s;
					}
					&:hover,  &:focus-visible {
						color: var(--white);
						padding-left: 1.25rem;
						padding-right: 1.75rem;
						&::after {
							right: 0.875rem;
							opacity: 1;
						}
					}
				}
			}
		}
	}
	
	/** Account Details **/
	&.e-my-account-tab__edit-account {
		.woocommerce-MyAccount-content {
			form {
				#account_display_name_description em {
					font-size: 0.875rem;
					display: inline-block;
					line-height: 1.3;
					margin: 0.5rem 0 1rem 0;
				}
				
				label[for="mailchimp_woocommerce_is_subscribed"] {
					margin-top: 2rem;
				}
				
				label[for="mailchimp_woocommerce_is_subscribed"],
				label[for="mailchimp_woocommerce_is_unsubscribed"],
				label[for="mailchimp_woocommerce_is_transactional"] {
					position: relative;
					padding: 0 0 0 1.75rem !important;
					min-height: 1.25rem;
					left: auto;
					top: auto;
					input[type="radio"] {
						position: absolute;
						left: 0;
						top: 0;
					}
				}
				
				button.woocommerce-Button.button {
					padding: 0.8125rem 1.5rem;
					display: flex;
					justify-content: center;
					align-items: center;
					align-content: center;
					background: var(--black);
					color: var(--white);
					font-weight: 600;
					font-size: 1rem;
					&::after {
						font-family: "Font Awesome 6 Pro";
						content: "\f054";
						position: absolute;
						font-size: 0.5625rem;
						opacity: 0;
						top: 50%;
						margin-top: -0.28125rem;
						right: -1.25rem;
						transition: all 0.3s;
					}
					&:hover,  &:focus-visible {
						color: var(--white);
						padding-left: 1.25rem;
						padding-right: 1.75rem;
						&::after {
							right: 0.875rem;
							opacity: 1;
						}
					}
				}
				
			}
		}
	}
	
	/** Wishlist **/
	&.e-my-account-tab__ {
		.woocommerce-MyAccount-content {
			.alg-wc-wl-view-table-container {
				table.alg-wc-wl-view-table {
					font-family: "Proxima Nova", sans-serif;
					font-size: 0.875rem;
					thead {
						tr {
							th {
								padding: 0.9375rem 0.625rem;
								color: var(--black);
								font-weight: 600;
							}
						}
					}
					tbody {
						tr {
							td {
								padding: 0.625rem;
							}
						}
						a.button.add_to_cart_button:hover {
							background: var(--black) !important;
							color: var(--white) !important;
							border-color: var(--black) !important;
						}
					}
				}
				@media (max-width: 1024px) {
					overflow-x: auto;
					table.alg-wc-wl-view-table {
						width: 43.75rem;
					}
				}
				@media (max-width: 768px) {
					overflow-x: hidden;
					table.alg-wc-wl-view-table {
						width: 100%;
						font-size: 1rem;
						tbody {
							tr {
								border: 0.125rem solid #eee;
								td {
									border-bottom: 0.0625rem solid #eee;
								}
								td.product-removal {
									border-bottom: none;
								}
							}
						}
					}
				}
				@media (max-width: 480px) {
					table.alg-wc-wl-view-table {
						font-size: 0.875rem;
					}
				}
				
				.alg-wc-wl-empty-wishlist {
					font-size: 1rem;
					color: var(--black) !important;
				}
			}

		}
	}

}


/**********************************************************************/
/*** RESPONSIVE *******************************************************/
/**********************************************************************/

@media (max-width: 768px) {
	
	/*** Newsletter ***/

	#mc_embed_shell.mailchimp-newsletter {

		form#mc-embedded-subscribe-form {

			#mc_embed_signup_scroll {
				.form-inner {
					.mc-field-group {
						&.row50-50 {
							width: 100%;
						}
					}
				}
			}
		}
	}
	
	/*** Salesforce ***/

	#salesforceform {
		form {
			.form-inside.is-class-33 {
					width: 100%;
				}
			}
		}
	}
}