/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 * If it's specific to the current site you're working on, don't put
 * it in here. Use the Customizer for that stuff.
 */
 
 
 
 
:root {
  --star-size: 2.35em;
  --star-color: #fff;
  --star-background: #fc0;
}
 

/* Adjust the Default GP Modal Styles */



.post-type-archive-product .site-content .content-area,
.tax-product_cat .site-content .content-area {
  width:100%;
}

.post-type-archive-product .cmswt-CollectionMenu,
.tax-product_cat .cmswt-CollectionMenu {
  display: none;
}


.ais-Panel-header {
	color: var(--contrast);
}


.cmswt-InstantSearch .ais-RefinementList-showMore {
  background-color:var(--accent);
  font-size:.75em;
}

.cmswt-InstantSearch .ais-Pagination-item--selected .ais-Pagination-link {
  background-color:var(--accent);
  color:#fff
}

.ais-RangeSlider .rheostat-progress {
  background-color:var(--contrast)
}

.cmswt-Filter-price .rheostat-tooltip::before {
	content: '$';
}

#gp-search {
	z-index: 100;
	position: relative;
}

#gp-search .gp-modal__overlay {
	padding-top: 5vh;
}

#gp-search .gp-modal__container {
	max-height: 90vh;
	overflow-y: auto;
}
 
/* Search Styles */

.ais-Hits-list {
	display: flex;
	flex-flow: row wrap;	
	align-items: stretch !important;
	justify-content: center;
	gap: 10px;
}

.ais-Hits-item {
	position: relative;
	display: flex;
	flex-flow: column;
	align-content: space-between;
	max-width: 285px;
	border: 1px solid #eee;
	padding: 1em;
}

.cmswt-Result .hit-header {
}

.cmswt-Result .hit-content {
	display: flex;
	flex-direction: column;	
	align-items: flex-start;
	height: 100%;
}

.cmswt-Result .hit-contentLink {
	margin-bottom: .75em;
}

.cmswt-Result .hit-content > div {
	width: 100%;
}


.cmswt-Result .hit-meta {
	display: flex;
	flex-flow: row wrap;
	align-content: space-between;
}
.cmswt-Result .hit-meta > div {
	width: 100%;
}


.cmswt-Result .hit-price {
	margin: 0em auto .5em;
	font-size: 1.25em;
	font-weight: bold;
	width: 100%;
	display: block;
}

.cmswt-Result div.hit-sku {
/* 	width: 100%;	 */
	font-size: .85em;
	margin-bottom: .5em;
/* 	text-align: right; */
}

.cmswt-Result .hit-onsale::before {
	content: 'Sale';
}

.cmswt-Result .hit-sku::before {
	content: 'SKU: ';
	font-size: .75em;
	opacity: .75;
}

.cmswt-Result .priceSavings::before {
	content: 'Save ';
}




.cmswt-Result div.hit-cats {
/* 	width: 50%;	 */
	line-height: 1.25em;
	gap: 0.15rem;
	font-style: italic;
}
.cmswt-Result div.hit-cats .hit-cat {
	display: inline-block;
}
.cmswt-Result div.hit-cats .hit-cat:not(:last-child)::after {
	content: ', ';
}

.cmswt-Result .hit-reviews {
	margin: .5em auto 0em;
}

.cmswt-Result .hit-description {
	line-height: 1.25em;
	font-size: .9em;
	margin: 0em auto 2em auto;
	padding-top: 0em;
}

.cmswt-Result .hit-cart {
	padding-top: 2em;
	position: relative;
}

.cmswt-Result div.hit-onsale {
  width: auto;
  min-height: 3.236em;
  min-width: 3.236em;
  padding: .202em;
  font-size: 1em;
  font-weight: 700;
  position: absolute;
  text-align: center;
  line-height: 3.236;
  top: -.5em;
  right: -.5em;
  margin: 0;
  border-radius: 100%;
  background-color: var(--accent);
  color: #fff;
  font-size: .857em;
  z-index: 9;
}


.cmswt-Result .hit-cart {
  display: flex;
  flex-flow: column-reverse;
}

.cmswt-Result .hit-cart .add_to_cart_button {
	background: transparent;
	border: 1px solid var(--contrast);
	color: var(--contrast);
	font-size: 1em !important;
	width: 100%;
	text-align: center;
}

.cmswt-Result .hit-cart .add_to_cart_button:hover {
	background: var(--contrast);
	color: #fff;
}


/* "View Cart" */
.cmswt-Result .hit-cart .add_to_cart_button.added::after {
	font-family: WooCommerce;
	content: "\e017";
	margin-left: .53em;
	vertical-align: bottom;
}

.cmswt-Result .hit-cart .added_to_cart {
	font-size: .85em;
	font-style: italic;
	text-align: right;
	position: absolute;
	top: 0;
	right: 0;
}


.cmswt-Result .hit-price .priceReg {
	text-decoration: line-through;
	font-size: .75em !important;
	opacity: .75;
	margin-right: .35em;
}

.cmswt-Result .hit-price .priceSavings {
	background: var(--accent);
	padding: .35em .65em .35em .35em;
	line-height: 1em;
	font-size: .6em;
	color: #fff;
	float: right;
	border-radius: 5px;
}



.hit-reviews .stars {
  --percent: calc(var(--rating) / 5 * 100%);
  display: inline-block;
  font-size: var(--star-size);
  font-family: Times;
  line-height: 1;
/*   text-align:left; */
	text-align: center;
	margin: 0em auto;
  letter-spacing:-8px;
  padding-left:0px;
  padding-right:0px;
/* 	width: 80%; */
}

.hit-reviews .stars::before {
  content: '★★★★★';
  letter-spacing:-8px;
  background:
    linear-gradient(90deg, var(--star-background) 0%, var(--star-background) var(--percent), rgba(0,0,0,.1) var(--percent), rgba(0,0,0,.1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transform: translatey(0px);
  display: block;
  position: relative;
/*   font-family: Times; */
}

.hit-reviews .count {
/* 	float: left; */
	display: inline-block;
/* 	text-align: center; */
	margin: 0em auto 0em .75em;
}
.hit-reviews .count.active::after {
	content: 'reviews';
	font-size: .85em;
	margin-left: .35em;
	
}


.cmswt-Result {
/* 	background: red; */
}



[class^="ais-"] {
	font-size: inherit;
}

 

@media (max-width: 768px) {

}

@media (max-width: 1024px) {

}