/*Dimy Styles Updates 03.04.2025. cofas staging */

/* #region Single Product Popup*/
.popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.7);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
}
.popup.hidden {
	display: none;
}
.popup-content {
	background: #000000;
	padding: 20px;
	width: 90%;
	max-width: 800px;
	position: relative;
	overflow-y: auto;
	max-height: 90vh;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	border-radius: 8px;
}
.popup-close {
	position: absolute;
	top: 10px;
	right: 10px;
	background: none;
	border: none;
	font-size: 1.5rem;
	cursor: pointer;
}

/* #endregion*/

/*COFAs*/
.cofas-list {
	list-style-type: decimal; /* This changes the markers to numbers (1, 2, 3...) */
	/* You might also want some default padding like browsers add */
	padding-left: 40px;
}

/* Optional: Style the list items or links if needed */
.cofas-list__item {
	/* Add styles for list items here if desired */
	margin-bottom: 5px; /* Example: add some space between items */
}

/*HOT FIX - nourishing-communities */

.second-harvest .copy h1 {
	font-size: clamp(36px, 5vw, 55px) !important;
}

@media (min-width: 2000px) {
	.second-harvest .copy h1 {
		font-size: clamp(36px, 5vw, 70px) !important;
	}
}

@media (max-width: 1200px) {
	.second-harvest .copy h1 {
		font-size: clamp(28px, 5vw, 32px) !important;
	}
}

.second-harvest .content {
	gap: 2rem;
}

@media (max-width: 1200px) {
	.second-harvest .copy {
		width: 70% !important;
	}
}

/* #region HOT FIX - homepage txt img overlap*/
@media (min-width: 768px) and (max-width: 1500px) {
	section.circles-and-images .copy {
		max-width: clamp(320px, 32.7381vw, 440px) !important;
	}
}

@media (max-width: 1200px) {
	.page-id-21831 section.hero > .content {
		flex-direction: column-reverse;
	}
}

@media (min-width: 1450px) {
	.page-id-26 .circle-with-images {
		width: 57vw;
		aspect-ratio: 1;
		position: absolute;
		right: -22.5%;
		top: -55%;
		border-radius: 1000px;
		z-index: 5;
	}
}

h4 {
	margin-bottom: 0.5rem !important;
}
/* #endregion*/

.page-id-22856 .logos.bg-charcoal,
.page-id-22764 .logos.bg-charcoal,
.page-id-22828 .logos.bg-charcoal,
.page-id-22881 .logos.bg-charcoal {
	background-color: #000000 !important;
}

#brandsIframe {
	min-height: 100vh;
}
.grecaptcha-badge {
	display: none !important;
}

.dw-logos {
	display: flex !important;
	justify-items: center;
}
/*

.dw-logos .logos-col:first-child {
  width: 25%;
  grid-column: span 4;
  
}
  */

.dw-logos .logos-col:nth-child(5),
.dw-logos .logos-col:nth-child(6),
.dw-logos .logos-col:nth-child(7),
.dw-logos .logos-col:nth-child(8),
.dw-logos .logos-col:nth-child(9) {
	width: 20%;
}

.dw-logos .logos-col:nth-child(1),
.dw-logos .logos-col:nth-child(2),
.dw-logos .logos-col:nth-child(3),
.dw-logos .logos-col:nth-child(4) {
	width: 25%;
}

.dw-logos .logos-col img {
	max-width: 200px;
}

@media (max-width: 769px) {
	.dw-logos {
		display: flex !important;
		justify-items: center;
		flex-direction: column;
		align-items: center;
	}

	header.site-header nav.mobile .links {
		justify-content: center;
	}

	header.site-header .toggle {
		top: 20px;
		right: 20px;
	}

	.page-id-30 section.hero {
		flex-direction: column;
		height: 100vh;
		justify-content: flex-end;
	}

	.page-id-30 section.hero .floating-images {
		display: block;
		width: 70%;
		top: -20%;
		left: 50%;
	}

	.page-id-30 section.product .image {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.page-id-30 .brand-wrapper section.brand .copy {
		padding-inline: 0px;
	}

	.page-id-30 section.brand .images {
		position: relative;
		left: 0;
		height: 25vh;
	}
	.page-id-30 section.brand .content {
		flex-direction: column;
	}

	.page-id-30 section.brand .images img.desktop {
		display: block;
	}
	.page-id-30 section.brand .images img.mobile {
		display: none;
	}
}

.dw-hero-section .image {
	border-radius: 100%;
	overflow: hidden;
	max-width: 30vw;
}

.dw-hero-section .content {
	align-items: center;
	justify-content: center;
}

h1 {
	font-size: clamp(48px, 10vw, 75px);
}

.dw-hero-section h2 {
	font-size: clamp(36px, 10vw, 80px);
}

.dw-section h3 {
	margin-bottom: 0;
}

.dw-boxed {
	max-width: 1440px;
	margin: 0 auto;
}

.dw-margin-auto .copy {
	margin: auto !important;
}

.page-id-26 a.cta {
	display: none !important;
}

@font-face {
	font-display: block;
	font-family: Roboto;
	src: url(https://assets.brevo.com/font/Roboto/Latin/normal/normal/7529907e9eaf8ebb5220c5f9850e3811.woff2)
			format("woff2"),
		url(https://assets.brevo.com/font/Roboto/Latin/normal/normal/25c678feafdc175a70922a116c9be3e7.woff)
			format("woff");
}

@font-face {
	font-display: fallback;
	font-family: Roboto;
	font-weight: 600;
	src: url(https://assets.brevo.com/font/Roboto/Latin/medium/normal/6e9caeeafb1f3491be3e32744bc30440.woff2)
			format("woff2"),
		url(https://assets.brevo.com/font/Roboto/Latin/medium/normal/71501f0d8d5aa95960f6475d5487d4c2.woff)
			format("woff");
}

@font-face {
	font-display: fallback;
	font-family: Roboto;
	font-weight: 700;
	src: url(https://assets.brevo.com/font/Roboto/Latin/bold/normal/3ef7cf158f310cf752d5ad08cd0e7e60.woff2)
			format("woff2"),
		url(https://assets.brevo.com/font/Roboto/Latin/bold/normal/ece3a1d82f18b60bcce0211725c476aa.woff)
			format("woff");
}

#sib-container input,
#sib-container textarea {
	background-color: #000000 !important;
}

#sib-container input:-ms-input-placeholder {
	text-align: left;
	font-family: "Helvetica", sans-serif;
	color: #c0ccda;
}

#sib-container input::placeholder {
	text-align: left;
	font-family: "Helvetica", sans-serif;
	color: #c0ccda;
}

#sib-container textarea::placeholder {
	text-align: left;
	font-family: "Helvetica", sans-serif;
	color: #c0ccda;
}

#sib-container a {
	text-decoration: underline;
	color: #2bb2fc;
}

.sib-form .entry__error,
.sib-form .entry__specification,
.sib-form .form__error {
	display: none;
}

/* #region WooCommerce Styles*/
.woocommerce main {
	max-width: 1280px;
	margin: auto;
	padding-top: 100px;
}

.woocommerce div.product {
	position: relative;
	margin: 1rem;
}

.single-product-container {
	max-width: 1000px;
	margin: 0 auto;
	padding: 40px 20px;
}

.single-product-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	align-items: start;
	margin-bottom: 40px;
}

/* Limit product image height in WooCommerce product gallery to 400px */
.woocommerce-product-gallery__image img {
	max-height: 500px;
	width: auto; /* Maintain aspect ratio */
	object-fit: contain; /* Ensure the whole image is visible without cropping */
}

.woocommerce-product-gallery__wrapper {
	max-height: 500px; /* Constrain gallery wrapper height */
	overflow: hidden; /* Prevent images from exceeding the gallery container */
}

.flex-control-thumbs img {
	max-height: 100px; /* Smaller thumbnail images */
	width: auto; /* Maintain aspect ratio for thumbnails */
	object-fit: contain;
}

.back-link {
	margin-top: -2rem;
	float: right;
	margin-right: 2rem;
	margin-bottom: 2rem;
}
.product-details {
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

h1.product_title.entry-title {
	font-size: 3rem !important;
	margin-bottom: 10px;
}

.product-price {
	font-size: 1.8rem;
	color: #f0c14b;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 20px;
}

.product-strain,
.product-format,
.product-thc,
.product-category {
	font-size: 1rem;
	margin-bottom: 10px;
}

.product-description {
	margin-top: 20px;
	margin-bottom: 2rem;
	border-radius: 10px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	font-size: 1rem;
	line-height: 1.6;
}

.product-province-links {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 1rem;
	list-style: none;
}

/* Styling for the WooCommerce Product Block */
.product-block {
	color: #ffffff;
	padding: 2rem;
	max-width: 1280px;
	margin: auto;
}

.product-block-heading {
	font-size: 2rem;
	color: #ffffff;
	margin-bottom: 1.5rem;
}

.product-block-wrapper {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 2rem;
}

.product-block-list {
	list-style: none;
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.5rem;
	padding: 0;
	margin: 0;
}

@media (min-width: 769px) {
	.product-block-list {
		list-style: none;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 1.5rem;
	}
}

@media (min-width: 1025px) {
	.product-block-list {
		grid-template-columns: repeat(4, 1fr);
	}
}

.product-block-item {
	background-color: #191919; /* Contrast against the black background */
	padding: 1rem;
	border-radius: 8px;
	transition: transform 0.3s ease;
}

.product-block-item:hover {
	transform: translateY(-5px);
}

.product-block-link {
	text-decoration: none;
	color: #ffffff;
	display: block;
	text-align: center;
}
.product-block-item img {
	border-radius: 0.5rem;
}

.product-block-title {
	font-size: 1.2rem;
	margin: 0.5rem 0;
}

.product-block-price {
	font-size: 1rem;
	color: #f0c14b; /* A lighter color to make the price stand out */
}

.product-block-thc,
.product-block-strain,
.product-block-format {
	font-size: 0.9rem;
	color: #ffffff;
	margin: 0 !important;
}
.browse-more-section {
	padding: 90px 30px 0px 30px;
	margin-bottom: -40px;
	z-index: 2;
}

.browse-more-heading {
	font-size: 2rem;
	color: #ffffff;
	margin-bottom: 1.5rem;
	text-align: center;
}

.pswp__bg {
	opacity: 0.9 !important; /* Make sure background has some transparency */
}

.pswp__ui {
	top: 50px;
	height: 100vh;
}

.pswp__top-bar {
	position: absolute;
	left: 50%; /* Start positioning from the center */
	top: 0;
	transform: translateX(
		-50%
	); /* Shift it back by half of its width to center */
	height: 44px;
	width: 90%; /* Maintain the width */
}
/* Reduce the size of the lightbox image */
.pswp__button.pswp__button--fs,
.pswp__button.pswp__button--zoom {
	display: none;
}

.pswp__item {
	display: flex !important; /* Use flexbox for centering */
	justify-content: center !important; /* Center horizontally */
	align-items: center !important; /* Center vertically */
}

.pswp__img {
	max-width: 70%;
	max-height: 70%;
	object-fit: contain;
	margin: auto;
	margin-top: 15vh;
}

/* Position next and previous buttons in the center */
.pswp__button--arrow--left,
.pswp__button--arrow--right {
	top: 50%; /* Align to the vertical center */
	transform: translateY(-50%); /* Center the buttons vertically */
}

.pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before {
	scale: 1.2;
}

/* Additional styling to improve button visibility */
.pswp__button--arrow--left {
	left: 2vw; /* Distance from the left side of the container */
	z-index: 9999;
}

.pswp__button--arrow--right {
	right: 2vw; /* Distance from the right side of the container */
	z-index: 9999;
}

/*#endregion*/