/*
Theme Name: Karma Gardening
Description: Official theme of Karma Gardening.
Template: generatepress
Version: 1.0.0
*/

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css");

/* image gallery */
.mgl-root {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}

/* hero grid */
.text-to-top {
	align-items: start !important;
}

/* header border */
.site-header {
  border-bottom: 1px solid #F1E1C0; 
}

/* header category link */
.gb-container .gb-container-d909e043 { 
	a, a:link, a:visited, a:active, a:hover {
  color: #FEFCF9 !important;
		border-bottom: 1px dashed !important;
	}
}

.gb-text-52847d9c a:hover {
	color: white;
}

/* footer links */
.gbp-footer__link {
	color: #c5bfa8;
	a, a:visited, a:active, a:hover {
		color: #c5bfa8;
		border-bottom: 1px dashed !important;
	}
}

/* featured image */
.featured-caption {
	font-size: 13px;
	color: #FEFCF9;
	a, a:visited, a:active, a:hover {
		color: #FEFCF9 !important;
		border-bottom: 1px dashed !important;
	}
}

.gb-container-4e92c4e8 {
@media screen and (max-width: 768px) {
	display: none !important;
}}

/* category archive thumbnail image */
.card-thumb { 
	width: 150px;
	height: 150px;
	border-radius: .3em;
	object-fit: cover;
}

.card-thumb-container {
	overflow: hidden !important; /* crop image excess */
}

/* image gallery */
.mgl-gallery:empty {
  display: none !important;
}

/* lightbox caption */
.mwl__slider caption {
	font-size: .7em;
	color: white !important;
	a, a:link, visited, a:active, a:hover {
		color: white !important;
		border-bottom: 1px dashed !important;
	}
}

/* map */
.plant-map {
    padding-top: 2em !important;
	padding-bottom: 2em !important;
}

/* zip code filter input form */
.zip-form {
  display: flex;
  align-items: center;
  gap: 10px;
}

.zip-form input[type="text"] {
	height: 2em;
	width: 70%;
	font-size: 1em; 
	border-radius: 30px;
	border-color: #F1E1C0;
}

.filter-reset-button {
    transform: scale(1.3);
	-webkit-text-stroke: .5px #213a34;
}

/* Reset button tooltip */
/* Container */
.tooltip {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.tooltiptext {
  visibility: hidden; /* Hidden by default */
  width: max-content;
  text-align: center;
  position: absolute;
  inset-inline-start: 35px;
  inset-block-start: -10px;
  font-size: .9em;
  font-weight: normal;
  letter-spacing: .8px;
  color: #213a34 !important;
}

/* Show the tooltip text on hover */
.tooltip:hover .tooltiptext {
  visibility: visible;
}

/* Zip search box */
.input-container {
  position: relative;
  display: inline-block; /* Aligns with the input */
}

.input-container i {
  position: absolute;
  left: 15px; /* Adjust the icon's position from the left */
  top: 50%;
  transform: translateY(-50%);
  color: #aaa; /* Sets the icon's color */
}

.input-container input {
  padding-left: 35px; /* Creates space for the icon */
}

.wpc-filter-search-form {
	padding-top: 5px;
	padding-bottom: 20px;
	height: 2em;
	width: 10em;
	font-size: 1em; 
	border-radius: 30px;
}

.wpc-see-less-control {
	line-height: 2em;
}

.wpc-search-field {
    width: 100%;
    height: 2em !important;
    border-radius: 30px !important;
	border-color: #F1E1C0 !important;
	font-size: 1em;
}

.wpc-open-close-filters-button {
	border-radius: 10px;
}

/* Post filter counter */
.main-query-post-count {
	padding-bottom: .8em;
}

/* Unordered lists */
ul li {
  line-height: 1.5; /* Sets line height to 1.5 times the font size */
}

/* Gallery */
.mgl-img-container {
	border-radius: 10px;
}