html, body 					{ overflow-x: hidden; }

*							{ outline:0!important; }
.v-green-backgr				{ background-color:#e9f0df; }
.v-baige-backgr				{ background-color:#f7ead7; }
.v-loading					{ background:url(../images/loader.svg) no-repeat center center; background-size:15px 15px; }
.v-loading_					{ background:url(../images/loader_.svg) no-repeat center center }
.btn						{ cursor:pointer; border:1px solid #b6d8b6; }
.btn:hover					{ border:1px solid #8ec28e; }
.btn-success				{ background-color: #b6d8b6; color:black; }
.btn-success:hover			{ background-color: #8ec28e!important; }
.btn:hover, 
.btn-danger.disabled:hover	{ border:1px solid #006600; }

.btn:focus,
.btn.focus 					{ border:1px solid #006600!important; background-color:#3cc47c; }


/*
TABS RESTYLING
TABS RESTYLING
TABS RESTYLING
*/
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus { color:#006600; font-weight:bold; cursor: pointer; }
.nav > li > a:hover,
.nav > li > a:focus 			{ background-color: #e9f0df; border-bottom:1px solid #b6d8b6; }

/*
===========
TABLES RESTYLING
TABLES RESTYLING
TABLES RESTYLING
*/
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: middle; /* changed by vlad */
  border-top: none; /* changed by vlad */
}
.table > thead > tr > th {
  vertical-align: middle; /* changed by vlad */
  border-bottom: none; /* changed by vlad */
}
.table 							{ width: 100%; }
.table td 						{ text-align: center;}
.table td h3		 				{ margin: 0; text-align:center; }
.table tfoot th 					{ text-align: right; padding-right:27px!important; }
.table tbody tr:nth-child(odd) 	{ background-color:#e9f0df; }					
.table td, .table th				{ padding:10px!important; text-align: center;}
.table input[type=number]		{ margin:0; }
.table input[type=checkbox]		{ margin:0; }

/* 
================== 
HEADER
HEADER
HEADER
*/
.v-header .row > div			{ padding:15px 0; font-size:12px; color:#660000; }

.v-logo2					{ text-align:center; border-top:1px solid #9ac39a; }
.v-HeaderNav a				{ text-decoration:none; font-size:14px; }
.v-HeaderNav a.current		{ color:#990000!important; }
.memberShow					{ position:absolute; left:0; top:-15px; font-size:10px!important; }
#v-titleName				{ font-family: 'Cantata One', serif; color:#006600; text-transform:uppercase; font-weight:bold; font-size:28px; line-height:0; }
#kashaTitle					{ font-size: 50px; }

/*
==========
STICKY HEADER ONLY AT MOBILE
STICKY HEADER ONLY AT MOBILE
STICKY HEADER ONLY AT MOBILE
*/
#stickyHeaderHolder,
#sticky-ec-cart-widget			{ display:none;  }
#non-sticky-ec-cart-widget		{ padding:0px;margin:-13px 20px 0 0; float:right }

/*
=======================
HORIZONTAL LIST WITH BULLETS
HORIZONTAL LIST WITH BULLETS
HORIZONTAL LIST WITH BULLETS
*/
ul.list-horizontal 	{ margin: 0; padding: 0; }
.list-horizontal li {
	display:inline-block;
}
.list-horizontal li:before {
	content: '\00a0\2022\00a0\00a0';
	color:rgba(0,102,0,0.5);
	font-size:12px;
}
.list-horizontal li:first-child:before {
	content: '';
}

/*
==================
== HOME
== HOME
== HOME
== HOME
*/
.v-home-block 				{ text-align:center; }
.v-home-block h1			{ color:#999900; }
.v-home-block				{ margin:0 0 50px 0; }


.v-bestExp h2				{ text-align:center; font-weight:bold; color:#999; margin-bottom:50px; }
.v-bestExp div				{ text-align:center; }
.v-bestExp .col-xs-6 img	{ width:250px; margin-top:30px; }

#homePageVideo				{ width: 100%; height: 485px; }
/*
=======================
== CARDS
== CARDS
== CARDS
== CARDS
*/
.v-cards div				{ text-align:center; }
.v-cards a 					{ text-decoration:none }
.v-cards div button			{ width:100%; background-color:#f3e9dd; text-transform:capitalize; display:block; padding:0 20px; border:10px solid #f3ece2; height:150px; }
.v-cards div button:hover	{ background-color:#f3ece2!important; }

.v-cards-info				{ margin-bottom:50px; }

/*
=======================
== MINERALS
== MINERALS
== MINERALS
== MINERALS
*/
.v-minerals div .homeContent	{ height: auto!important; }
.v-minerals div					{ text-align:center; }
.v-minerals a 					{ text-decoration:none }
.v-minerals div button			{ width:100%; height: 150px!important; background-color:#f3e9dd; display:block; padding:10px; border:10px solid #f3ece2; }
.v-minerals div button:hover	{ background-color:#f3ece2!important; }
.v-minerals .mineral-title		{ font-size:19px; }

/*
===============
THANKS MASSAGE
THANKS MASSAGE
THANKS MASSAGE
*/
#thanksMessageHolder			 { position:fixed; width:100%; height:100%; background-color:#d5c4aa; z-index:1000!important; top: 0; left: 0; overflow: hidden;}
.thanksMessage					 { padding:30px; position:fixed;  top:50%; left:50%; width:300px; height:200px; margin-left:-150px; margin-top:-130px; background-color:#faf4eb; color:black; border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2); }
  


/*
======================
CONTENTS
CONTENTS
CONTENTS
CONTENTS
*/
.v-main-title				{ padding:12px 0 10px 0; border-bottom:1px solid #e2d1b7; }
.v-main-title h1			{ text-align:center; margin:13px 0!important; font-weight:bold; font-size:18px; text-transform:uppercase; color:#660000 }
.v-main-title h1::before	{ content:url(../images/titleDecorLeft.svg); margin-right:15px; opacity:0.5; }
.v-main-title h1::after		{ content:url(../images/titleDecorRight.svg); margin-left:15px; opacity:0.5; }
.v-contentor				{ padding:20px 0; min-height:580px; }

/*
==============
SHOPPING CART
SHOPPING CART
SHOPPING CART
*/
#v-cart-icon				{ width:27px; height:27px; background-size:contain; float:right; margin-right:20px; }
.v-cart-icon				{ background:url("../images/shcart.svg") no-repeat center right; }
.v-cart-icon_				{ background:url("../images/shcart_.svg") no-repeat center right; cursor:pointer; }

/*
======================
== ABOUT
== ABOUT
== ABOUT
== ABOUT
*/
.v-about h1					{ text-align:center; background-color:rgba(255,255,255,0.6); width:90%; margin:0 auto; padding:50px 20px; color:#660000; }
.v-about .contentBlock		{ padding: 20px; border:1px solid #e2d1b7; }
.v-about .aboutList			{ margin-top: 30px; }
.v-about .tick				{ font-size:33px; font-weight:bold; color:#999; padding:0 20px 0 0; line-height:1; }
.v-about .media-heading		{ font-size:30px; font-weight:bold; }
		 .aboutImg			{ width:120px; height: 120px; object-fit: cover; border-radius:50%; border:5px solid #deccb2; vertical-align: middle;}
.v-about .chart				{ text-align:center; border-top:1px solid #e2d1b7; }
.v-about .labels			{ font-size:20px; margin:30px 0; text-align:center; }
.v-about table				{ margin:0 auto; width:80%; }
.v-about table td			{ text-align:left; }
.v-about .cspan				{ background-color:#d4dcc8; }

.v-about .labels .labelHover:hover { background-color:#660000 }

/*
==============
== FAQ
== FAQ
== FAQ
== FAQ
*/
.panel						{ border:1px solid #efe0ca; background:none!important;  border-radius: 0!important; -webkit-box-shadow: none!important;  box-shadow: none!important; }
.panel-heading				{ font-weight:bold; border:none; background-color:#f7ead7!important; }
.panel-heading a			{ display:block; }
.panel-heading:hover		{ background-color:#f4e5cf!important; }
.panel-body					{ background-color:#fdf9f4!important;border:none!important; }
.panel-body.faq-img	img		{ width:100%; }

/*
=======================
== REFFERENCE OUT
*/
.v-refOut					{ display:block; float:right; width:65px; background:url(../images/ref-external.png) no-repeat center right;}


/*
===============
== RECIPES
== RECIPES
== RECIPES
== RECIPES
*/
.v-fs-recipes							{ background-color:#faf4eb; margin:0 0 20px 0; }	
.v-fs-recipes img						{ width: 100%; }
.v-fs-recipes button					{ cursor:default; font-size:13px!important; }
.v-fs-recipes .column					{ padding:0!important; text-align:justify; border-right:1px solid #faf4eb; border-bottom:1px solid #faf4eb; background-size:cover;  background-repeat:no-repeat; background-position:center center; } 
.v-fs-recipes .column button			{ color:#f0e3b1; min-height:85px; position: absolute; top: 0px; left: 0px; z-index:1000!important; padding:30px 20px!important; display:block!important; text-align:center; text-transform:uppercase; font-size:18px; background:linear-gradient(rgba(0,0,0, 0.5), rgba(0,0,0, 0.5)); border:none; border-top:1px solid #faf4eb; width:100%; outline:0; }	
.v-fs-recipes .column a					{ color:#f0e3b1!important; color:#f0e3b1; height:85px; position:relative; z-index:1000!important; padding:30px 20px!important; display:block!important; text-align:center; text-transform:uppercase; font-size:18px; background:linear-gradient(rgba(0,0,0, 0.5), rgba(0,0,0, 0.5)); border:none; width:100%; }	
.v-fs-recipes .column a:hover			{ color:white!important; background:linear-gradient(rgba(0,0,0, 0.8),rgba(0,0,0, 0.8))!important; color:white!important;}


#recipePhotoModal						{ }
/*
==========
=== WHEN RECIPE OPENED
=== WHEN RECIPE OPENED
=== WHEN RECIPE OPENED --- NOT ACTIVE NOW

#v-recipesHolder .column					{ padding: 20px; }
#v-recipesHolder .is-8						{ padding-bottom:0; }
#v-recipesHolder .column h1					{ text-transform:uppercase; color:#990000!important; }
#v-recipesHolder .content					{ padding: 30px; }
#v-recipesHolder .container					{ background-color:#faf4eb; }
*/

/*
==================
=== TESTIMONIALS
=== TESTIMONIALS
=== TESTIMONIALS
*/
.testimonials .col-sm-12		{ padding:0; }
.testimonials blockquote:before {
  content: '\201C';
  position: absolute;
  top: 0em;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 3rem;
  height: 2rem;
  font: 6em/1.08em 'PT Sans', sans-serif;
  color: #e2d1b7;
  text-align: center;
}
.testimonials blockquote {
  display: block;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #e2d1b7;
  padding: 4em 0;
  margin: 1.5em 0;
  position: relative;
}
.testimonials blockquote:after {
  content: "\2013 \2003" attr(cite);
  display: block;
  text-align: right;
  font-size: 0.875em;
  color: #006600;
  margin-top:20px;
}

/*
===================
CONTACT PAGE
CONTACT PAGE
CONTACT PAGE
CONTACT PAGE
*/
#Form_ContactForm_action_submit { margin: 50px 0 0 4px }
#Form_ContactForm_error			{ color: red; font-weight: bold }


/*
===================
DONATE
DONATE
DONATE
DONATE
*/
.donate		{ text-align:center; padding:20px 0; }

/*
===================
FOOTER
FOOTER
FOOTER
FOOTER
*/
.stamps												{ min-height: 200px!important }
.v-footer											{ background-color:#f7ead7; border-top:5px solid #c5b358; margin-top:30px; }
.v-footer .container, .v-footer .row				{ padding-top:0; }
.v-footer div										{ text-align:center; }
.v-footerNav 										{ padding:25px 0 15px 0; border-bottom:1px solid #c5b358; }

.v-footerNav li										{ list-style:none; display:inline-block; }
.v-footerNav li:before 								{ content: '\00a0\2022\00a0\00a0'; color:#c5b358; }
.v-footerNav li:first-child:before 					{ content: ''; }
.v-footerNav a										{ padding:5px 0; text-decoration:none; }
.v-footerNav a.current								{ color:#990000!important; }
#v-copyright										{ width:300px; border-top:1px dashed #c5b358; margin:0 auto; padding:20px 0; margin-top:20px;  }
			

#arrowUp											{ position:fixed; bottom: 100px; right:50px; cursor:pointer; display:none; }

.modal-content										{ background-color:#faf4eb; }

/*
=======================
==== SUPPORT UKRAINE ==
==== SUPPORT UKRAINE ==
==== SUPPORT UKRAINE ==
*/
.supportUkraineFont 								{ font-size: 15px }

/*
========================================
============ FORMS FORMS ===============
============ FORMS FORMS ===============
============ FORMS FORMS ===============
============ FORMS FORMS ===============
*/
#v-auto-form-holder						{ display:block; width:90%; }
input:focus								{ outline:0; }

input[type=text]:focus,
[type=password]:focus,
[type=email]:focus,
[type=number]:focus,
select:focus, textarea:focus			{ background-color:#deeace!important; }

input[type=text],
[type=password],
[type=submit],
[type=email],
[type=number],	
select									{ padding:10px 15px; cursor:auto; background-color:#e9f0df; border:4px solid #deeace;
										  margin-bottom:10px; width:100%; color:#006600; font-weight:normal!important; }
										  
textarea								{ padding:15px!important; cursor:auto!important; background-color:#e9f0df!important;
										  border-radius: 7px!important; margin-bottom:10px!important; border:4px solid #deeace!important; width:100%; color:#006600; }

input[type=number]						{ width:75px!important; padding:8px 10px; }

input[type=checkbox]					{ width:30px!important; height:30px!important; display:inline; }
input[type=radio]						{ width:30px!important; height:30px!important; display:inline; }

input[type=submit]						{ text-transform:uppercase;	background-color:#3cc47c;font-weight:bold; color:#fff;width:auto; }
input[type=submit]:hover				{ background-color:#660000; color:white; }
label									{ display: block; line-height: 200%; padding:0; color:#006600; cursor:auto;	}


/*
======================
FOR A CONTACT USERFORM
*/
div.file								{ margin-bottom:30px; }
div.file span							{ color:red; }
nav.Actions								{ margin:0; text-align:right; }


/*
===========================================================
== BELOW FIX AUTO CLASEES FROM SS WHICH CONFLICT WITH BULMA
*/
.textarea								{ padding:15px 20px!important;background:linear-gradient(rgba(0,0,0, 0),rgba(0,0,0, 0));
										  border:none; box-shadow:none; min-height:200px; clear:both!important; display:inline; }
#Form_Form_fake_Holder,
#Form_SubmitInfoForm_fake_Holder,
#Form_FeedbackForm_fake_Holder,
#Form_EditInfoForm_fake_Holder			{ display:none; }
/*
SS LOGIN CHECKBOX
SS LOGIN CHECKBOX
SS LOGIN CHECKBOX
*/
#MemberLoginForm_LoginForm_Remember_Holder input[type=checkbox] { margin-left:0px;  }
#MemberLoginForm_LoginForm_Remember_Holder label { margin-left:20px!important; padding-top:5px; }
/*
===== END FORMS =========
===== END FORMS =========
===== END FORMS =========
===== END FORMS =========
=========================
*/

/*
============================================
============================================
============================================
============================================
============================================
============================================
============================================
============================================
============================================
============================================
============================================
============================================
============================================
============================================
============================================
============================================
============================================
============================================
============================================
============================================
============================================
============================================
============================================
============================================
============================================
============================================
============================================
============================================
============================================
============================================
============================================
============================================
============================================
============================================
============================================
*/


@media (min-width: 769px)  { 
#logo-seed					{ display:none; }
.modal-inside				{ margin: 0 20%; }
}

@media (min-width: 1100px) {
.v-home-block.table-responsive img  { width:70%!important; }
.showArrowUp				{ display:block!important; }

.modal-content				{ background-color:#faf4eb; margin: 30px 20%; padding: 50px}

}

@media (max-width: 870px) {
.home-image img				{  width:100%; }
#sticky-ec-cart-widget		{ display:block }
#non-sticky-ec-cart-widget	{ padding:0px; margin:0px; float:right}
}

@media (max-width: 768px) {
.v-header .row > div		{ padding:15px; font-size:11px; }

.v-contentor				{ padding:20px 15px; }
.v-about .aboutImg			{ float:right; }
#homePageVideo				{ height: 350px; }
#v-cart-icon				{ margin-right:0px; }
.v-fixed 					{ z-index:10000; position: fixed; top:0; left:0; width: 100%; padding:4px 0 2px 0; border-bottom:1px solid #faf4eb; }
.v-fixed #v-cart-icon		{ width:30px; height:30px; margin:3px 0 0 0; }

.v-about table				{ width:90%; }


.v-footer div				{ padding:0; }
.v-footerNav 				{ border-bottom:1px solid #c5b358; border-right:none; padding:20px 0!important; }
.v-footerNav li:before		{ content:'' }
.v-footerNav ul				{ margin:0; padding:0; }
.v-footerNav li				{ display:block; background-color:#f7ead7;margin-bottom:1px; padding:10px; }
.v-footerNav a:hover		{ background-color:#f2dcbc }



.v-fs-recipes button		{ font-size: 12px!important; }
.supportUkraineFont 		{ font-size: 10px }

#kashaTitle					{ font-size: 20vw; }

.modal-content				{ padding:30px; }
.modal-content .close		{ margin-top:40px!important }
}

@media (max-width: 500px) {

#homePageVideo				{ height: 260px; }
.v-fs-recipes .column button { padding: 20px!important; }
.homeContent				{ font-size: 20px; }
.v-cards div button.homeContent				{ height: 200px!important; }
.v-cards div button			{ padding:0 10px; border:5px solid #f3ece2; height:70px; font-size:14px; }

.v-minerals div .homeContent	{ height: 200px; }
.v-minerals div button			{ padding:0 10px; border:5px solid #f3ece2; height:150px; font-size:14px; }


.v-bestExp .col-xs-6 img	{ width:100%; }
.supportUkraineFont 		{ font-size: 9px }
}

@media (max-width: 400px) {
.v-fs-recipes .column		{ min-height:180px!important; }
.nav-tabs > li > a			{ font-size:12px!important; }	
#homePageVideo				{ height: 200px; }
.v-home-block h1			{ font-size: 22px }

.v-header .row > div		{ font-size:10px; }
.v-header h1				{ font-size:12px; }
.v-main-title h1::before,
.v-main-title h1::after		{ content:'' }

.v-logo2 img				{ width:200px; }

.stamps						{ min-height: 150px!important }
.v-about table				{ width:100%; }



}
