/*
Theme Name: IDv3 (Identi-Theme v3)
Theme URI: https://greenclosetcreative.com/
Author: AnnMarie DeVito - Web Developer 
Author URI: https://greenclosetcreative.com/
Description: Base theme for rapid site creation.
Requires at least: 6.5
Tested up to: 7.0
Requires PHP: 8.0
Version: 3.0.16
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: idv3
*/


/* Defaults
---------------------------------------- */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

html, body {
	width: 100%;
	overflow-x: hidden;
}

a,
button,
input:focus,
input[type="button"],
input[type="submit"],
textarea:focus,
.wp-element-button {
	transition: all 0.2s ease-in-out;
}

a,
a:focus,
a:hover,
a:not(.wp-element-button) {
	text-decoration-thickness: 1px;
}

b,
strong,
th {
	font-weight: var(--wp--custom--font-weight--medium);
}

mark {
	background: linear-gradient(90deg, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--primary) 100%);
	background-position: 0 85%;
	background-repeat: repeat-x;
	background-size: 100% 15%;
}

/* -- Forms -- */

input,
select,
textarea {
	background-color: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--black);
	border-radius: 0;
	color: var(--wp--preset--color--black);
	font-family: var(--wp--preset--font-family--primary);
	font-size: var(--wp--preset--font-size--medium);
	font-weight: var(--wp--custom--font-weight--light);
	line-height: var(--wp--custom--line-height--body);
	padding: 10px 20px;
	width: 100%;
}

input:focus,
textarea:focus {
	background-color: var(--wp--preset--color--theme-quaternary);
	outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

::placeholder {
	color: var(--wp--preset--color--black);
	font-size: var(--wp--preset--font-size--small);
	opacity: 0.5;
}

/* Header Patterns */
.header-transparent {
    width: 100%;
    position: absolute;
    z-index: 999;
}

.header-transparent + main {
    padding-top: 100px;
}

.is-position-sticky + main { margin-top: 0px !important; }

/* Button Styles --------------------------------------------------------------- */

/* fill button hover */
.wp-block-buttons > .wp-block-button:not(.is-style-outline) > .wp-element-button:hover,
.wp-block-buttons > .wp-block-button:not(.is-style-outline) > .wp-element-button:focus,
.wp-block-buttons > .wp-block-button:not(.is-style-outline) > .wp-element-button:active {
    background-color: var(--wp--preset--color--custom-theme-button-hover-background);
    color: var(--wp--preset--color--custom-theme-button-hover-text);
    border-color: var(--wp--preset--color--custom-theme-button-hover-border);
}

/* outline button hover */
.wp-block-buttons > .wp-block-button.is-style-outline > .wp-element-button:hover,
.wp-block-buttons > .wp-block-button.is-style-outline > .wp-element-button:focus,
.wp-block-buttons > .wp-block-button.is-style-outline > .wp-element-button:active {
    background-color: var(--wp--preset--color--custom-theme-button-outline-hover-background);
    color: var(--wp--preset--color--custom-theme-button-outline-hover-text);
    border-color: var(--wp--preset--color--custom-theme-button-outline-hover-border);
}

.wp-block-button__link {
	position: relative;
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #005944;
	padding: .5em 2em;
	border: none;
	color: #72c593;
	cursor: pointer;
	text-decoration: none;
	outline: none;
	overflow: hidden;
	border-radius: 0 10px;
	transition: color .2s ease;
	z-index: 1; /* Ensure text is above the gradient */
  }
  
  .wp-block-button__link::before {
	content: '';
	position: absolute;
	z-index: -1; /* Send the gradient behind the text */
	width: 0;
	height: 0;
	background: radial-gradient(circle closest-side, #b2872d, transparent);
	transform: translate(-50%, -50%);
	transition: width .2s ease, height .2s ease;
  }
  
  .wp-block-button__link:hover {
	color: #fff;
  }
  
  .wp-block-button__link:hover::before {
	width: 400px;
	height: 400px;
  }

  h1.editor-post-title__input {
      color: #000 !important; 
  }
  

/* Blocks
---------------------------------------- */
/* separator block - wide */
.wp-block-separator.is-style-wide {
	width: 100%;
}

/* Getwid Styles --------------------------------------------------------------- */
/* Getwid - Accordion and Toggle Block */
.wp-block-getwid-accordion .wp-block-getwid-accordion__header-wrapper,
.wp-block-getwid-accordion .wp-block-getwid-accordion__header-wrapper:first-child,
.wp-block-getwid-toggle__row .wp-block-getwid-toggle__header-wrapper,
.wp-block-getwid-toggle__row:first-child .wp-block-getwid-toggle__header-wrapper {
    border: none;
}
.wp-block-getwid-accordion .wp-block-getwid-accordion__header-wrapper .wp-block-getwid-accordion__header,
.wp-block-getwid-toggle .wp-block-getwid-toggle__header {
    padding: 0;
}
.wp-block-getwid-accordion .wp-block-getwid-accordion__header-wrapper a,
.wp-block-getwid-toggle .wp-block-getwid-toggle__header-wrapper .wp-block-getwid-toggle__header a {
    padding: 10px 15px;
    background-color: var(--wp--preset--color--custom-theme-accordion-background);
    color: var(--wp--preset--color--custom-theme-accordion-text);
}
.wp-block-getwid-accordion .wp-block-getwid-accordion__header-wrapper.ui-state-active a,
.wp-block-getwid-accordion .wp-block-getwid-accordion__header-wrapper a:hover,
.wp-block-getwid-accordion .is-selected .wp-block-getwid-accordion__header-wrapper a,
.wp-block-getwid-toggle .is-active .wp-block-getwid-toggle__header a,
.wp-block-getwid-toggle .wp-block-getwid-toggle__header a:hover,
.wp-block-getwid-toggle .is-selected .wp-block-getwid-toggle__header a {
	background-color: var(--wp--preset--color--custom-theme-accordion-hover-background);
    color: var(--wp--preset--color--custom-theme-accordion-hover-text);
}
.wp-block-getwid-accordion .wp-block-getwid-accordion__content,
.wp-block-getwid-toggle .wp-block-getwid-toggle__content {
    padding: 1em 1em 1em 2.35em;
    border: none;
}

/* Getwid - Tabs Block */
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-links {
	margin: 0;
}
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-link {
	border-color: transparent;
}
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-link.ui-tabs-active,
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-link.active-tab {
	border-color: var(--wp--preset--color--custom-theme-tab-active-background);
}
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-link a {
	color: var(--wp--preset--color--custom-theme-tab-text);
	background: var(--wp--preset--color--custom-theme-tab-background);
	text-decoration: none;
}
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-link.ui-tabs-active a,
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-link.active-tab a,
.wp-block-getwid-tabs .wp-block-getwid-tabs__nav-link a:hover {
	border-color: var(--wp--preset--color--custom-theme-tab-active-background);
	background: var(--wp--preset--color--custom-theme-tab-active-background);
	color: var(--wp--preset--color--custom-theme-tab-active-text);
}

.wp-block-getwid-tabs .wp-block-getwid-tabs__tab-content {
	background: var(--wp--preset--color--custom-theme-tab-active-background);
	border-color: var(--wp--preset--color--custom-theme-tab-active-background);
}

/* Getwid - Counter Block */
.wp-block-getwid-counter.is-style-percentage .wp-block-getwid-counter__number:after {
	content: "%";
	display: inline-block;
	margin-left: 8px;
}
.wp-block-getwid-counter.is-style-monetary .wp-block-getwid-counter__number:before {
	content: "$";
	display: inline-block;
	margin-right: 8px;
}

/* Getwid - Slider Navigation */
.slick-dots {
	bottom: -16px !important;
}
.slick-dots li button:before {
	color: var(--wp--preset--color--custom-theme-slider-controls);
	opacity: .5;
	font-size: 12px;
}
.slick-dots li.slick-active button:before {
	color: var(--wp--preset--color--custom-theme-slider-controls);
	opacity: 1;
}
/* slick arrows */
.slick-arrow.slick-prev {
    left: -5px;
}
.slick-arrow.slick-next {
    right: -5px;
}
.slick-arrow.slick-prev,
.slick-arrow.slick-next {
	width: 50px;
	height: 50px;
}
.slick-arrow.slick-prev:before,
.slick-arrow.slick-next:before {
	border-style: solid;
	border-width: 0.5em 0.5em 0 0;
	content: '';
	display: inline-block;
	height: 1.5em;
	left: 0.15em;
	position: relative;
	top: 0.15em;
	transform: rotate(-45deg);
	vertical-align: top;
	width: 1.5em;
	transition: all 0.3s ease-in-out;
}
.slick-arrow.slick-prev:before,
.slick-arrow.slick-prev:before {
	left: 0.25em;
	transform: rotate(-135deg);
}
.slick-arrow.slick-next:before,
.slick-arrow.slick-next:before {
	left: 0;
	transform: rotate(45deg);
}
.slick-arrow.slick-prev:before,
.slick-arrow.slick-next:before {
	color: var(--wp--preset--color--custom-theme-slider-controls) !important;
}
.slick-arrow.slick-prev:before {
	left: 0.25em;
	transform: rotate(-135deg);
	color: var(--wp--preset--color--custom-theme-slider-controls) !important;
}
.slick-arrow.slick-next:before {
	left: 0;
	transform: rotate(45deg);
	color: var(--wp--preset--color--custom-theme-slider-controls) !important;	
}
.slick-arrow.slick-prev:hover:before,
.slick-arrow.slick-next:hover:before {
	opacity: .6;
}

@media screen and (min-width: 1280px) {
    .slick-arrow.slick-prev {
        left: -55px;
    }
    .slick-arrow.slick-next {
        right: -55px;
    }
}

/* Getwid - Social Icons */
.wp-block-getwid-social-links .wp-block-getwid-social-links__link .wp-block-getwid-social-links__wrapper,
.wp-block-getwid-video-popup .wp-block-getwid-video-popup__link * {
	transition: all 0.3s ease-in-out;
}
.wp-block-getwid-social-links .wp-block-getwid-social-links__link:hover .wp-block-getwid-social-links__wrapper {
	background-color: var(--wp--preset--color--custom-theme-social-hover-background) !important;
	color: var(--wp--preset--color--custom-theme-social-hover-icon) !important;
}

/* Getwid - Video Popup */
.wp-block-getwid-video-popup .wp-block-getwid-video-popup__link:hover .wp-block-getwid-video-popup__button,
.wp-block-getwid-video-popup .wp-block-getwid-video-popup__link:hover .wp-block-getwid-video-popup__button.is-style-fill {
	border-color: var(--wp--preset--color--custom-theme-video-popup-hover-button) !important;
}
.wp-block-getwid-video-popup .wp-block-getwid-video-popup__link:hover .wp-block-getwid-video-popup__button.is-style-fill {
	background-color: var(--wp--preset--color--custom-theme-video-popup-hover-button) !important;
}
.wp-block-getwid-video-popup .wp-block-getwid-video-popup__link:hover .wp-block-getwid-video-popup__button .wp-block-getwid-video-popup__icon,
.wp-block-getwid-video-popup .wp-block-getwid-video-popup__link:hover .wp-block-getwid-video-popup__button.is-style-fill .wp-block-getwid-video-popup__icon  {
	background-color: var(--wp--preset--color--custom-theme-video-popup-hover-button) !important;
	border-color: var(--wp--preset--color--custom-theme-video-popup-hover-button) !important;
}
.wp-block-getwid-video-popup .wp-block-getwid-video-popup__link:hover .wp-block-getwid-video-popup__button .wp-block-getwid-video-popup__icon i,
.wp-block-getwid-video-popup .wp-block-getwid-video-popup__link:hover .wp-block-getwid-video-popup__button.is-style-fill .wp-block-getwid-video-popup__icon i {
	color: var(--wp--preset--color--custom-theme-video-popup-hover-icon) !important;
}
.wp-block-getwid-video-popup .wp-block-getwid-video-popup__link:hover .wp-block-getwid-video-popup__button .wp-block-getwid-video-popup__button-caption .wp-block-getwid-video-popup__title,
.wp-block-getwid-video-popup .wp-block-getwid-video-popup__link:hover .wp-block-getwid-video-popup__button.is-style-fill .wp-block-getwid-video-popup__button-caption .wp-block-getwid-video-popup__title {
	color: var(--wp--preset--color--custom-theme-video-popup-hover-text) !important;
}



/* Utility
---------------------------------------- */
.is-position-sticky {
	position: fixed;
	width: 100%;
}

/* -- Box Shadow -- */

.is-style-shadow-light {
	box-shadow: var(--wp--preset--shadow--light);
}

.is-style-shadow-solid {
	box-shadow: var(--wp--preset--shadow--solid);
}

/* Media Queries
---------------------------------------- */

@media only screen and (max-width: 600px) {

	/* -- Utility -- */

	.is-style-hidden-mobile {
		display: none !important;
	}

	.wp-block-site-logo {
		max-width: 70% !important;
	}

}

@media only screen and (max-width: 782px) {

	/* -- Columns -- */

	.is-style-columns-reverse {
		flex-direction: column-reverse;
	}

}



/* strain slider and info boxes */
 /* Container for the entire slider */
 .slider-container {
	display: flex;
	gap: 2rem;
	padding: 1rem;
	border-radius: 8px;
}

/* .slider-nav now holds BOTH the "fake slider" and the labels to the right */
.slider-nav {
	display: flex;
	flex-direction: row;  /* side by side: vertical slider on the left, labels on the right */
	align-items: center;
	gap: 1rem; /* space between the fake slider and the labels */
	width: 250px;
}

/* The vertical slider container (arrows + track) */
.vertical-slider {
	display: flex;
	flex-direction: column;
	align-items: center; /* center everything horizontally */
}

/* Arrow buttons */
.arrow {
	border: none;
	cursor: pointer;
	margin: 0.5rem 0;
	vertical-align: middle;
	background-color: transparent;
}

/* The "fake slider" track */
.slider-track {
	width: 4px;          /* thin vertical line */
	height: 375px;       /* adjust as needed */
	background: var(--wp--preset--color--custom-theme-tertiary); /* or any color */
	position: relative;  /* so the handle can be absolutely positioned */
}

/* The handle "indicator" always in the vertical center */
.slider-handle {
	width: 25px;
	height: 25px;
	background: var(--wp--preset--color--custom-theme-secondary);   /* green circle, for example */
	border-radius: 10px 0;
	position: absolute;
	left: 50%;             /* horizontally center on the track */
	top: 50%;              /* vertically center on the track */
	transform: translate(-50%, -50%);
}

/* Slide labels container to the right of the track */
.slide-labels {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 200px;       /* Adjust to fit your design */
	max-height: 375px;  /* Enough to display ~5 items comfortably */
	overflow: hidden;   /* Hide extra items if needed */
}

/* Each label item */
.slide-labels li {
	cursor: pointer;
	transition: background 0.2s;
	color: var(--wp--preset--color--custom-theme-tertiary); 
	font-size: var(--wp--preset--font-size--max-48);
	font-weight: 700;  
	line-height: 1.6;
}
.slide-labels li:hover, 
.slide-labels li.active-label {
	color: var(--wp--preset--color--custom-theme-secondary);
}

/* Right side content area */
.slider-content {
	position: relative;
	width: 100%; 
	height: 450px; 
	overflow: hidden;
}

/* Each individual slide */
.slide {
	position: absolute;
	top: 0;
	left: 150px;
	width: 100%;
	height: 100%;
	max-height: 350px;
	padding: 1rem;
	opacity: 0;
	transform: translateX(100%);
	transition: all 0.5s ease;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	
	margin-top: 50px;
}

/* Active slide is visible */
.slide.active {
	opacity: 1;
	transform: translateX(0);
}

.slide table + img,
.slide table + p:has(.bud-shot) {
	position: absolute;
	bottom: -15px;
	left: -150px;
}
.slide > span {
	display: none;
}
.slide > div {
	background-color: var(--wp--preset--color--custom-theme-tertiary);
	border-radius: 50px 0;
	width: calc(100% - 150px);
}
.slide > div > h3,
.slide > div > table {
	margin-left: 175px;
}
.slide > div > table {
	width: calc(100% - 200px);
	margin-top: 35px;
	margin-bottom: 35px;
}
.slide > div > table tr:not(:last-child) > td {
	border-bottom: 2px solid var(--wp--preset--color--custom-theme-secondary);
}
.slide > div > table tr td:not(:last-child) {
	border-right: 2px solid var(--wp--preset--color--custom-theme-secondary);
	width: 50%;
}
.slide > div > table tr td {
	padding-left: 16px;
	padding-right: 16px;
}


.slide h3 {
	color: var(--wp--preset--color--custom-theme-secondary) !important;
	font-family: var(--wp--preset--font-family--barlow-condensed);
	font-size: var(--wp--preset--font-size--max-36);
	font-weight: var(--wp--custom--font-weight--regular);
	margin-bottom: 0;
}
.slide h4 {
	color: var(--wp--preset--color--custom-theme-secondary) !important;
	font-weight: var(--wp--custom--font-weight--bold);
	margin-bottom: 0;
}
.slide p {
	margin-top: 0;
	color: var(--wp--preset--color--custom-theme-white);
}
.slide .icon {
	width: 48px;
	height: auto;
	margin-right: 10px;
}

@media screen and (max-width: 1199px) {
	.slide table + img,
	.slide table + p:has(.bud-shot) {
		width: 250px;
		height: auto;
	}
	.slide > div > h3,
	.slide > div > table {
		margin-left: 100px;
	}
	.slide > div > table {
		width: calc(100% - 125px);
	}
}
@media screen and (max-width: 1047px) {
   .slider-nav {
	display: none;
   }
}
@media screen and (max-width: 767px) {
	.slider-container, 
	.slider-content {
		padding: 0;
	}
	.slide {
		left: 0;
		padding: 0;
	}
	.slide > div {
		width: 100%;
	}
	.slide table + img,
	.slide table + p:has(.bud-shot) {
	display: none;
}
.slide > div > h3,
	.slide > div > table {
		width: 85%;
	margin: 35px auto;
	}
}
@media screen and (max-width: 479px) {
   .slide {
	max-height: 425px;
   }
   .slider-content {
	height: 525px;
   }
}

/* Dot navigation styling */
.slider-dots {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	margin-top: 1rem;
}

.slider-dots .dot {
	width: 12px;
	height: 12px;
	background-color: var(--wp--preset--color--custom-theme-tertiary);
	border-radius: 50%;
	cursor: pointer;
	transition: background-color 0.3s;
}

.slider-dots .dot.active-dot {
	background-color: var(--wp--preset--color--custom-theme-secondary);
}

/* Hide the dots on larger screens if desired */
@media screen and (min-width: 1048px) {
	.slider-dots {
		display: none;
	}
}


/* single override styles */
.single-strain .slide table + p > .bud-shot {
	width: 100%;
	height: auto;
}