/*!
Theme Name: Cannabis
Theme URI: http://underscores.me/
Author: Mohsin Ali
Author URI: https://multisitedev.com/
Description: A custom wp theme.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: cannabis
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

cannabis is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
.uppercase{
	text-transform: uppercase;
}
.capitalize{
	text-transform: capitalize;
}
.full-width-iframe iframe{
	width: 100%;
}
.alignleft {
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}
.alignright {
	float: right;
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}
#lang-menu {
    transition: opacity 0.2s ease, transform 0.2s ease;
    opacity: 0;
    transform: translateY(-10px);
}
#lang-menu:not(.hidden) {
    opacity: 1;
    transform: translateY(0);
}
.lucide-chevron-down {
    transition: transform 0.2s ease;
}
.show-on-mobile{
	display: none;
}
.white-link a,
.white-link a:active,
.white-link a:visited,
.white-link a:focus{
	color: #d1d5db;
}
.white-link a:hover{
	color: #ffffff;
}
.wpgs-for img{
	padding: 0;
	border: 0;
	background: none;
	border-radius: 0;
}
.wpgs-nav img{
	padding: 0;
	border: 0;
	background: none;
	border-radius: 0;
}
.wpgs-nav .slick-current{
	border-color: transparent !important;
}
.wpgs-nav .slick-current img{
	border-color: transparent !important;
}
.slick-list .slick-slide{
	display: flex !important;
}
.slick-list .slick-slide img{
	width: 100% !important;
}
.variation-radios{
	display: flex;
	justify-content: space-between;
	gap: 12px;
}
.variation-radios .variation-block{
	position: relative;
	width: 100%;
	cursor: pointer;
	display: block;
	font-size: 14px;
}
.variation-radios label input{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	visibility: hidden;
}
.variation-radios label .variable-holder{
	width: 100%;
	padding: 8px 12px;
	background: #191f2e;
	border: 1px solid #1e293b;
	border-radius: 5px;
	z-index: 1;
	display: inline-block;
	text-align: center;
}
.variation-radios label:hover .variable-holder{
	border-color: #16a34a;
}
.variation-radios label input:checked + .variable-holder{
	background-color: #16a34a;
	border-color: #16a34a;
}
.variation-item,
.quantity.customized{
	margin-bottom: 20px;
}
.variation-item .variation-label{
	font-weight: 500;
	font-size: 15px;
	margin-bottom: 5px;
	display: block;
}
.reset_variations,
.woocommerce-variation.single_variation{
	display: none !important;
}
.add-btn-holder{
	display: flex;
	gap: 16px;
}
.woocommerce .star-rating{
	height: 18px;
}
.woocommerce .star-rating span::before,
.woocommerce .star-rating::before {
	color: #FACC32;
}
.comment-form-comment label,
.comment-form-comment input[type=tex],
.comment-form-comment textarea{
	display: block;
	width: 100%;
}
.comment-form-comment input[type=text],
.comment-form-comment textarea,
.comment-form-comment input[type=text]:focus,
.comment-form-comment textarea:focus{
	background: none;
	border: 1px solid #22c55e;
	resize: none;
	margin-bottom: 20px;
	margin-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 5px;
	outline: none;
}
.review-form-holder input[type=text],
.review-form-holder input[type=email],
.review-form-holder input[type=tel],
.review-form-holder input[type=number]{
	height: 38px;
	margin-bottom: 10px;
	width: 100%;
	outline: none;
	padding-left: 10px;
	padding-right: 10px;
}
.comment-form-comment input[type=text]:focus,
.comment-form-comment textarea:focus{
	outline: 0;
}
.comment-form .form-submit input[type=submit],
.comment-form .form-submit input[type=submit]:active,
.comment-form .form-submit input[type=submit]:visited,
.comment-form .form-submit input[type=submit]:focus{
	background-color: #22c55e;
	color: #ffffff;
	font-weight: 500 !important;
	margin-bottom: 30px !important;
	font-size: 14px !important;
    padding: 13px 35px !important;
	margin-top: 10px !important;
}
.comment-form .form-submit input[type=submit]:hover{
	background-color: #379a5b;
}
.post-content p{
	margin-bottom: 20px;
}
.post-content p:last-child{
	margin-bottom: 0;
}
.footer-logo img,
.header-logo img{
	max-height: 65px;
}
.footer-logo img{
	margin-bottom: 20px;
}
.card-inner-content{
	display: flex;
	align-items: center;
	gap: 24px;
	padding: 30px;
}
.card-inner-content-row{
	flex-direction: column;
}
.card-right-side{
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.card-top-side{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}
.card-right-side .card-heading{
	font-size: 22px;
	line-height: 26px;
}
.stemp-holder{
	display: flex;
	width: 100%;
	justify-content: end;
}
.card-top-side .stemp-holder{
	justify-content: center;
}
.stemp-holder-inner{
	margin: inherit !important;
	margin-bottom: 7px !important;
}
.hero-image img,
.brand-image img{
	width: auto;
	height: auto;
	max-width: 300px;
	margin-bottom: 25px;
}
.brand-image.brand-image1-holder img{
	margin-top: 20px;
	margin-bottom: 0;
}
.brand-image{
	display: flex;
	justify-content: center;
}
.strain-grid{
	grid-template-columns: repeat(6, 1fr);
	gap: 15px;
}
.strain-box.active{
	box-shadow: 0 0 7px 0px rgba(255, 255, 255, .5);
}
.site-main-header a.active-menu-item{
	padding: 8px 13px;
	border-radius: 30px;
}
.site-main-header #lang-menu a,
.site-main-header #lang-menu a:hover{
	background: none;
}
.info-icon-holder svg{
	height: 20px;
	width: 20px;
}
.icon-grid-4{
	grid-template-columns: repeat(4, 1fr);
}
.icon-grid-3{
	grid-template-columns: repeat(3, 1fr);
}
.icon-grid-2{
	grid-template-columns: repeat(2, 1fr);
}
.product-box-holder {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	min-height: 342px;
}
.poster-images{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	margin: 15px 0 10px;
}
.poster-image-holder{
	width: 148px;
	height: 148px;
	display: flex;
}
.poster-image-holder img{
	object-fit: cover;
	object-position: center;
	width: 118px;
	height: 118px;
}
.related-stran-image{
	display: flex;
	height: 148px;
	width: 148px;
	margin: 20px auto;
}
.related-stran-image img{
	height: 148px;
	width: 148px;
	object-fit: cover;
	object-position: center;
}
.title_image{
	display: flex;
	justify-content: center;
	margin-bottom: 15px;
}
.title_image img{
	max-width: 300px;
}
.small-brand-image{
	display: flex;
	height: 48px;
	width: 48px;
}
.small-brand-image img{
	height: 48px;
	width: 48px;
	object-fit: cover;
	object-position: center;
}
.relative-link{
	position: relative;
}
.relative-link a.absolute{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.mt-30{
	margin-top: 30px;
}
.mb-30{
	margin-bottom: 30px;
}
.product-grid-link{
	gap: 30px;
}
.card-left-side{
	display: flex;
	width: 100%;
	min-width: 185px;
	max-width: 185px;
}
.card-left-side img{
	width: auto;
	height: 185px;
}
.none-bg{
	background: none;
}
.archive-top-image{
	display: flex;
	justify-content: center;
	margin-bottom: 30px;
}
.archive-top-image img{
	max-width: 300px;;
}
.slider-wrapper {
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}
.slider-wrapper .slick-list .slick-slide,
.slider-wrapper .slick-list .slick-slide img{
	border-radius: 30px;
	overflow: hidden;
	object-fit: cover;
}
.slider-wrapper .slick-list .slick-slide img{
	height: 286px;
}
.custom-arrow {
	background: #ffffff;
	color: #000000;
	border: none;
	border-radius: 100%;
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 16px;
	cursor: pointer;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1000;
}
.prev-arrow { left: -50px; }
.next-arrow { right: -50px; }
.slick-slide {
    padding: 15px;
    text-align: center;
}
.hide-button{
	display: none !important;
}
.font-40{
	font-size: 40px !important;
}
.strain-grid a img,
.strain-box span:hover img{
    transition: 1s;
}
.strain-grid a:hover img,
.strain-box span:hover img{
    transform: scale(1.1);
    transition: 1s;
}
#klaviyo-popup {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 9999;

    -ms-overflow-style: none;
    scrollbar-width: none;
}
#klaviyo-popup::-webkit-scrollbar {
    display: none;
}
#klaviyo-popup {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
@media only screen and (max-width: 767px) {
	.hide-button{
		display: block !important;
	}
	.show-on-desktop{
		display: none;
	}
	.show-on-mobile{
		display: block;
	}
	.show-on-mobile.hero-image{
		display: flex;
		width: 100%;
		justify-content: center;
	}
	.strain-grid{
		grid-template-columns: repeat(3, 1fr);
		gap: 8px;
	}
	.icon-grid-4,
	.icon-grid-3,
	.icon-grid-2{
		grid-template-columns: repeat(1, 1fr);
	}
	.hero-image{
		display: flex;
		justify-content: center;
	}
	.m-font-20{
		font-size: 20px !important;;
	}
}