/* POSITION */

.h-product .product {
	display: flex;
	flex-wrap: wrap;
}

.h-product .woocommerce-product-gallery {
	width: 50%;
	position: sticky;
	top: 6vw;
	align-self: flex-start; /*zakaj*/
	padding-left: 12vw
}

.h-product .h-product-left {
	width:50%;
	padding-right: 20vw;
	padding-top: 6vw;
}

@media only screen and (max-width: 768px) {
	
.h-product .woocommerce-product-gallery {
	width: 100%;
	position: relative;
	top: 0;
	padding:0 12vw;
}

.h-product .h-product-left {
	width:100%;
	padding: 0vw 4vw 12vw 4vw; 
}
}

/* MARGINS, SIZES & LINES HEIGHTS */

.h-product .kratek p {
	line-height: 1.5;
}

.h-product .dolg p {
	line-height: 1.5;
	margin-bottom: 1.5vw;
}

.h-product .dolg li {
	line-height: 1.5;
}

.h-product .dolg h2 {
	font-size: 1.5vw;
	margin-bottom: 0.5vw;
}

.h-product .dolg ul {
	margin-bottom: 1.5vw;
	list-style-type: square;
	list-style-position: inside;
}

.h-product .dolg li::marker {
  color: #235d39;
}

.h-product .izberi p {
	padding: 1vw 0 0.5vw 0;
	font-family: "hempika-bold";
	color: #235d39;
	border-top: solid 0.2vw #235d39;
}

.h-product .kolicina {
	font-family: "hempika-bold";
	color: #235d39;
	margin-top: 1vw;
}

.h-product .kratek {
	padding: 1vw 0;
}

.h-product h1 {
	text-transform: uppercase;
	font-size: 2vw;
}

.h-product .price {
	padding: 1vw 0;
	color: #235d39;
	font-family: "hempika-bold";
	/*font-size: 1.5vw;*/
	text-align: center;
	border: solid #235d39;
	border-width: 0 0.2vw 0.2vw 0.2vw;
}

.h-product .price span {
	border: 0;
}

.h-product .woocommerce-Price-currencySymbol {
	font-size: 0.75vw;
}

.h-product .woocommerce-review-count {
	display: flex;
	margin: 0.5vw 0;
}

.h-product strong {
	color: #235d39;
}

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

.h-product .dolg p {
	margin-bottom: 4vw;
}

.h-product .dolg h2 {
	font-size: 6vw;
	margin-bottom: 2vw;
}

.h-product .dolg ul {
	margin-bottom: 4vw;
}

.h-product .izberi p {
	padding: 4vw 0 2vw 0;
	border-top: solid 0.8vw #235d39;
	text-align: center;
}

.h-product .kolicina {
	margin-top: 4vw;
}

.h-product .kratek {
	padding: 4vw 0;
	text-align: center;
}

.h-product h1 {
	font-size: 6vw;
	text-align: center;
}

.h-product .price {
	padding: 4vw 0;
	text-align: center;
	border-width: 0 0.8vw 0.8vw 0.8vw;
}

.h-product .woocommerce-Price-currencySymbol {
	font-size: 3vw;
}

.h-product .woocommerce-review-count {
	display: flex;
	margin: 4vw 0; /* preveri */
	justify-content: center;
}
}

/* BUTTON */

.single_add_to_cart_button {
	background-color: #235d39;
	color: #EEEEEE;
	width: 100%;
	margin-top: 0.5vw;
}

.single_add_to_cart_button:hover {}

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

.single_add_to_cart_button {
	margin-top: 2vw;
	padding: 4vw; /*dodaj v main css*/
}
}

/* VARIATIONS */


.h-product .quantity {
	display: none !important;
}

.h-product .variations .label {
	display:none;
}

.h-product .reset_variations {
	display:none;
}

.h-product .variable-items-wrapper {
	display: flex;
	justify-content: space-between;
	margin: 0 -0.5vw;
}

.h-product .variable-item {
	width: 33.3%;
}

.h-product .variable-item span {
	display: block;
	padding: 1vw;
	margin: 0.5vw;
	text-align: center;
	border: solid 0.2vw #235d39;
	color: #235d39;
	font-family: "hempika-bold";
	cursor: pointer;
}

.h-product .variable-item span:hover {
	background-color: #235d39;
	color: #eee;
}

.h-product .variable-items-wrapper .selected span {
	background-color: #235d39;
	color: #eee;
}

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

.h-product .variable-items-wrapper {
	margin: 0 -2vw;
}

.h-product .variable-item span {
	padding: 4vw;
	margin: 2vw;
	border: solid 0.8vw #235d39;
}

.h-product .variable-item span:hover {
	background-color: #235d39;
	color: #eee;
}

.h-product .variable-items-wrapper .selected span {
	background-color: #235d39;
	color: #eee;
}
}

/* PREDNOSTI */

.izdelek-prednosti {
	padding: 2vw 0;
	display: flex;
	flex-wrap: wrap;
}

.izdelek-prednosti div {
	width: 25%;
	text-align: center;
	padding: 0 1vw;
}

.izdelek-prednosti img {
	width: 2vw;
	display: inline-block;
}

.izdelek-prednosti p {
	font-size: 0.65vw;
	line-height: 1.25;
	margin-top: 0.25vw;
}

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

.izdelek-prednosti {
	padding: 8vw 0;
}

.izdelek-prednosti div {
	width: 50%;
	text-align: center;
	padding: 4vw 10vw;
}

.izdelek-prednosti img {
	width: 12vw;
}

.izdelek-prednosti p {
	font-size: 3vw;
	line-height: 1.25;
	margin-top: 1vw;
}
}

/* REVIEWS */

.h-product-comments-title p {
	font-size: 1.5vw;
	font-family: "hempika-bold";
	color: #235d39;
	padding: 2vw 0;
}

.h-product .woocommerce-Reviews-title {
 	display: none;
}

.h-product .comment-text {
	border-bottom: solid 0.2vw #235d39;
	margin-bottom: 1vw;
	padding-bottom: 1vw;
}

.h-product .comment-text .description {
	line-height: 1.25;
}

.h-product .comment-text .description p {
	font-size: 0.75vw;
	margin-top: 0.5vw;
}

.h-product .woocommerce-review__dash, .h-product .woocommerce-review__published-date {
	font-size: 0.75vw;
}

.h-product .comment-text .star-rating {
  font-size: 0.75vw;
}

.h-product .comment-text .meta {
	padding-top: 0.5vw;
}

.h-product #respond {
	text-align: center;
	border: solid 0.2vw #235d39;
	padding: 2vw;
	
}

.h-product #reply-title {
	display: block;
	font-family: "hempika-bold";
	color: #235d39;
	font-size: 1.5vw;
	display: block;
	padding-bottom: 1vw;
}

.h-product .comment-notes {
	display: none;
}

#commentform label {
	padding: 1vw 0 0.5vw 0;
	font-family: "hempika-bold";
	color: #235d39;
}

#commentform input[type=submit] {
	margin-top: 1vw;
	background-color: #235d39;
	color: #EEEEEE;
}

#commentform input {
	border: none;
	background-color: #FFFFFF;
}

#commentform textarea {
	border: none;
	background-color: #FFFFFF;
}

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

.h-product-comments-title p {
	font-size: 6vw;
	padding: 8vw 0;
}

.h-product .comment-text {
	border-bottom: solid 0.8vw #235d39;
	margin-bottom: 4vw;
	padding-bottom: 4vw;
}

.h-product .comment-text .description p {
	font-size: 3vw;
	margin-top: 2vw;
}

.h-product .woocommerce-review__dash, .h-product .woocommerce-review__published-date {
	font-size: 3vw;
}

.h-product .comment-text .star-rating {
  font-size: 3vw;
}

.h-product .comment-text .meta {
	padding-top: 2vw;
}

.h-product #respond {
	border: solid 0.8vw #235d39;
	padding: 8vw;
	
}

.h-product #reply-title {
	font-size: 6vw;
	display: block;
	padding-bottom: 4vw;
}

.h-product .comment-notes {
	display: none;
}

#commentform label {
	padding: 4vw 0 2vw 0;
}

#commentform input[type=submit] {
	margin-top: 4vw;
	padding: 4vw; /*dodaj v main css*/
}
}

/* STAR RATINGS */

.star-rating {
	overflow: hidden;
	position: relative;
	height: 1vw;
	line-height: 1;
	width: 5.2vw; /* to je weird*/
	font-family: "star";
	font-weight: 400;
	font-size: 1vw;
	color: #235d39;
}

.star-rating::before {
	content: "\53\53\53\53\53";
	opacity: 0.25;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
}

.star-rating span {
	overflow: hidden;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
	padding-top: 2vw; /* spremenjeno: raje 1vw več */
}

.star-rating span::before {
	content: "\53\53\53\53\53";
	top: 0;
	position: absolute;
	left: 0;
}

p.stars a {
	position: relative;
	height: 1vw; /* spremenjeno */
	width: 1vw; /* spremenjeno */
	text-indent: -999em;
	display: inline-block;
	text-decoration: none;
	margin-right: 0; /* spremenjeno */
	font-weight: 400;
}

p.stars a::before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1vw; /* spremenjeno */
	height: 1vw; /* spremenjeno */
	line-height: 1;
	font-family: "star";
	content: "\53";
	color: #235d39; /* spremenjeno */
	text-indent: 0;
	opacity: 0.25;
}

p.stars a:hover ~ a::before {
	content: "\53";
	color: #235d39; /* spremenjeno */
	opacity: 0.25;
}

p.stars:hover a::before {
	content: "\53";
	color: #235d39; /* spremenjeno */
	opacity: 1;
}

p.stars.selected a.active::before {
	content: "\53";
	color: #235d39; /* spremenjeno */
	opacity: 1;
}

p.stars.selected a.active ~ a::before {
	content: "\53";
	color: #235d39; /* spremenjeno */
	opacity: 0.25;
}

p.stars.selected a:not(.active)::before {
	content: "\53";
	color: #235d39; /* spremenjeno */
	opacity: 1;
}

@media only screen and (max-width: 768px) {
	
.star-rating {
	height: 4vw;
	font-size: 4vw;
	width: 22vw;
}

.star-rating span {
	padding-top: 8vw; /* spremenjeno: raje 1vw več */
}

p.stars a {
	height: 4vw; /* spremenjeno */
	width: 4vw; /* spremenjeno */
}

p.stars a::before {
	width: 4vw; /* spremenjeno */
	height: 4vw; /* spremenjeno */
}	
}