/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
*{
	margin:0;
	padding:0
}
.btn-icon svg{
    font-size: 3vw
}
table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
    background-color: hsl(0deg 0% 50.2% / 0%);
}
table td, table th{
	border: 1px solid hsl(0deg 0% 50.2% / 0%);
}
table th{
	font-size: 1.34rem;
}
table td, table th {
  padding: 0;
}
/* Base popup styling */
.swal2-brand-popup {
  border: 2px solid #05014a;
  border-radius: 14px;
  font-family: 'Poppins', sans-serif;
  padding: 1.5em;
}

/* Title styling */
.swal2-brand-title {
  font-size: 1rem !important;
  color: #05014a !important;
  font-weight: 700;
}

/* Icon styling */
.swal2-brand-icon {
  color: #E1BDA2 !important;
  margin-bottom: 0.5em;
}

/* Button styling */
.swal2-brand-button {
  background-color: #05014a !important;
  color: #fff !important;
  border-radius: 8px;
  padding: 1.2vw 2vw;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
}

/* Review Form */

 h2.woocommerce-Reviews-title {
	color: #344054!important;
}

div.cr-summaryBox-wrap {
	background-color: transparent!important;
	display: flex!important;
	flex-direction: row!important;
	justify-content: flex-start!important;
	align-items: stretch!important;
	gap: 2vw!important;
} 

div.cr-overall-rating-wrap {
	width: 29%!important;
	background-color: #FFFBF4!important;
	flex: 0 0 29% !important;
	padding: 2vw 4vw 2vw 4vw!important;
}

div.cr-average-rating span {
	font-size: 4.01vw!important;
}

button.cr-ajax-reviews-add-review {
	background: #8B7359!important;
	background-color: #8B7359!important;
	color: #FFFFFF!important;
	border: none !important;
	border-radius: 6vw!important;
	font-size: 1.042vw!important;
	padding: 0.8vw 2vw 0.8vw 2vw!important;
}

div.ivole-summaryBox {
	width: 49%!important;
	background-color: #FFFBF4!important;
	flex: 0 0 49% !important;
	padding: 2vw!important;
}

.ivole-histogramRow {
  display: flex;
  align-items: center;
  height: 3vw!important;
}

.cr-histogramTable {
	width: 100%!important;
	max-width: 100%!important;
}

.ivole-histogramCell1 {
  order: 2!important; /* move to second */
}

.ivole-histogramCell2 {
  order: 1!important; /* move to first */
}

.ivole-histogramCell3 {
  order: 3!important; 
  margin-left: 0.5vw;
}

/* star icons */

.ivole-histogramCell1 {
  visibility: hidden !important; /* Hide text and remove space */
  position: relative !important;
  width: 5.8vw !important;
}

/* Add stars using ::before */
.ivole-histogramCell1::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: -0.3vw !important;
  color: #f5b301 !important;
  font-size: 1.4vw !important;
  font-family: Arial, sans-serif !important;
  white-space: nowrap !important;
  visibility: visible !important;
}

/* 5 stars */
.ivole-histogramRow:nth-child(1) .ivole-histogramCell1::before {
  content: "★★★★★" !important;
}

/* 4 stars */
.ivole-histogramRow:nth-child(2) .ivole-histogramCell1::before {
  content: "★★★★☆" !important;
}

/* 3 stars */
.ivole-histogramRow:nth-child(3) .ivole-histogramCell1::before {
  content: "★★★☆☆" !important;
}

/* 2 stars */
.ivole-histogramRow:nth-child(4) .ivole-histogramCell1::before {
  content: "★★☆☆☆" !important;
}

/* 1 star */
.ivole-histogramRow:nth-child(5) .ivole-histogramCell1::before {
  content: "★☆☆☆☆" !important;
}

/* star icons */

 .ivole-meter {
	height: 0.4vw!important;
	background-color: #E6EAEEB2!important;
	box-shadow: 0 0 transparent!important;
	border-radius: 3vw!important;
}

.ivole-meter-bar {
	background: #8B7359!important;
	background-color: #8B7359!important;
	border-radius: 3vw!important;
}

div.cr-ajax-search input.cr-input-text {
	border: 0.1vw solid !important;
    border-radius: 6vw !important;
    border-color: #917258 !important;
}

div.cr-count-row {
	background-color: #fffbf4 !important;
	padding: 1vw 2vw !important;
	border-radius: 1vw !important;
	font-size: 1.4vw !important;
	font-weight: 600 !important;
	color: #917258 !important;
}

li.review {
	border-bottom: 0.1vw solid #EDEDED!important;
}

div.comment-text {
	border: 0!important;
}

ol.commentlist li img.avatar {
	border-radius: 50%!important;
	top: 1.2vw!important;
    left: 1vw!important;
    width: 3vw!important;
}

.cr-review-form-submit {
	background-color: #917258!important;
}

/* Timer css */
.mpos-avail-test{
	display:none;
}

@media only screen and (max-width: 600px) {
  .btn-icon svg{
    font-size: 6vw
}
	
	div.cr-summaryBox-wrap {
		display: flex!important;
		flex-direction: column!important;
		gap: 3vw!important;
	}

	div.cr-overall-rating-wrap {
	width: 100%!important;
	}

	div.ivole-summaryBox {
	width: 100%!important;
	padding: 4vw!important;
	}

	.ivole-meter {
	height: 1.5vw!important;
	}

	.ivole-histogramCell1::before {
	font-size: 3.6vw!important;
	top: -0.2vw!important;	
	}

	.ivole-histogramCell1 {
		width: 14vw!important;
	}

	.ivole-histogramRow {
		height: 6vw!important;
	}

	div.cr-average-rating span {
	font-size: 8vw!important;
}
	
	button.cr-ajax-reviews-add-review {
	font-size: 2.8vw!important;
	}

	div.cr-count-row {
		font-size: 3.2vw!important;
	}
	
	ol.commentlist li .comment-text {
		margin-left: 6vw!important;
	}

	ol.commentlist li img.avatar {
	top: 4.5vw!important;
    width: 7vw!important;
	}

}
