@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//test.granolashop.ee/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.1.1") format("woff2");
	font-display:swap;
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//test.granolashop.ee/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//test.granolashop.ee/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//test.granolashop.ee/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//test.granolashop.ee/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//test.granolashop.ee/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//test.granolashop.ee/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//test.granolashop.ee/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//test.granolashop.ee/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(47,47,47);
	--wd-text-font-size: 15px;
	--wd-title-font: "Playfair Display", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: rgb(47,47,47);
	--wd-entities-title-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: rgb(47,47,47);
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(47,47,47);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: rgb(199,152,66);
	--wd-alternative-color: rgb(97,69,46);
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-font-weight: 700;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-font-weight: 700;
	--btn-accented-bgcolor: rgb(232,207,163);
	--btn-accented-bgcolor-hover: rgb(97,69,46);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: rgb(61,54,54);
	background-image: url(https://test.granolashop.ee/wp-content/uploads/2024/03/granola-home-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(68,57,48);
	background-image: none;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-brd-color-focus: rgb(97,69,46);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1280px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #333;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 8px;
}

@media (min-width: 1280px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.otgs-development-site-front-end,
.option-price {
	display: none !important;
}

.wapo-addon-title img,
.yith-wapo-addon:not(.yith-wapo-addon-type-label) .yith-wapo-option .image img,
.yith-wapo-addon-type-html_text img {
	max-width: 40px;
	border-radius: 8px;
}
.yith-wapo-option .checkbox-button-container {
	order: 0;
}
.yith-wapo-option .image-container {
	order: 1;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-checkbox .yith-wapo-option div.label {
	padding: 6px;
  border: 1px solid #e8cfa3;
  border-radius: 8px;
	transition: background-color 0.2s ease;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-checkbox .yith-wapo-option:hover div.label,
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-checkbox .yith-wapo-option.selected div.label{
	background-color: #e8cfa336;
}

.yith-wapo-block .yith-wapo-addon .yith-wapo-option div.label.position-above .option-container, .yith-wapo-block .yith-wapo-addon .yith-wapo-option div.label.position-under .option-container {
    flex-direction: row;
	  align-items: center;
}

/*.btn.btn-color-primary,
.wd-product.wd-hover-fw-button .wd-add-btn>a {
    background: linear-gradient(132deg, rgba(217, 183, 121, 1) 0%, rgb(243 207 145) 100%);
    color: #362d25 !important;
}*/

.star-rating {
	margin: 0 auto;
}

.page-title-default {
    position: relative;
}

.page-title-default::before {
	content: '';
  position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
  left: 0;
	background: linear-gradient(rgba(0, 0, 0, .5) 0%, transparent 60%);
}

.product-template-default .wd-nav[class*="wd-style-"]{
	 --nav-color: #333;
}
.product-template-default .whb-general-header {
		background-color: #fff;
    border-color: rgba(129,129,129,.2);
}

.whb-sticked .whb-main-header {
	background-color: #fff;
}

.whb-header.whb-sticked a,
.whb-header.whb-sticked .wd-nav[class*="wd-style-"]>li>a{
	color: #333;
}

.product-template-default .wd-tools-element>a {
    color: var(--nav-color);
}

body:not(.product-template-default) .wd-nav.wd-style-bg>li:is(:hover,.current-menu-item,.wd-active,.active)>a {
    color: #fff;
}

.whb-sticked .wd-nav.wd-style-bg>li:is(:hover,.current-menu-item,.wd-active,.active)>a {
	color: var(--wd-alternative-color) !important;
}

.whb-sticked .wd-tools-element:hover>a,
.product-template-default .wd-tools-element:hover>a {
	color: rgba(51, 51, 51, 0.6);
}

.delivery-time {
    font-size: 0.9rem;
    font-weight: 700;
    color: #43A047;
    margin: 2px 0 0 0;
}

.woocommerce-product-rating {
	margin-top: -0.9rem;
}
.comment-form .submit {
	width: 100%;
}

.wd-text-block a, .footer-container .menu a {
	text-decoration: underline;
	text-underline-offset: 5px;
}

td.product-remove a,
.wd-my-account-links a,
.woocommerce-MyAccount-navigation ul li a {
	text-decoration: none !important;
}

.wd-checkout-steps li {
    text-transform: none !important;
}

.footer-container .menu {
	list-style: none;
  padding: 0;
}

.footer-container .menu a {
	 opacity: 0.8;
}

.footer-container .menu a:hover {
	 opacity: 1;
}

/*Constructor*/
.post-238 span.price, #product-238 .price,
.post-371 span.price, #product-371 .price,
.post-391 span.price, #product-391 .price{
	display: none !important;
}

.hidden {
	display: none;
}

.step1, .step2 {
	font-size: 1.2rem;
	font-weight: 600;
	margin-bottom: 10px;
	color: var(--wd-primary-color);
	line-height: normal;
}

.step2 {
	margin-bottom: 0;
}

.progress-wrapper {
	display: none;
	background-color: #efd9b0;
  padding: 18px 35px;
	position: sticky;
	top: 0;
	z-index: 1;
	margin-left: -35px;
	margin-right: -35px;
	gap: 20px;
	justify-content: space-between;
	align-items: stretch;
}

.progress-wrapper p {
	margin-bottom: 0;
	font-size: 0.95rem;
	font-weight: 600;
  text-align: center;
	line-height: normal;
	color: #43382f;
	background-color: #ffd164;
	border: 2px solid #e7c47c;
	border-radius: 6px;
	padding: 0.5rem;
}

.progress-message-wrapper {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.progressBar {
	width: 100%;
	background-color: #fff;
	border-radius: var(--btn-accented-brd-radius);
	height: 20px;
	margin-bottom: 10px;
	overflow: hidden;
}

.progress-wrapper-col1 {
	width: 80%;
}

.progress-wrapper-col2 {
	width: 20%;
}

.progress {
	height: 100%;
	background-color: #443930;
	border-radius: var(--btn-accented-brd-radius);
	transition: width 0.5s ease-in-out;
	width: 0;
	position: relative;
  display: flex;
  justify-content: center;
}

.progress-number {
	position: absolute;
	color: #fff;
}

.progress-price, #wapo-total-order-price, .wapo-total-order-price {
	background-color: #43382f;
	color: #fff !important;
	padding: 1rem;
	font-size: 1.5rem !important;
	border-radius: 6px;
	text-align: center;
}

#wapo-total-order-price .amount {
	color: #fff !important;
}

.progress-price {
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
}

.progress-price.loading::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #43382f;
	border-radius: 6px;
}

.progress-price.loading::after {
	content: '';
	position: absolute;
	top: auto;
	left: auto;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	border: 3px solid #fff;
	border-top-color: #ffd164;
	animation: loading 2s linear infinite;
}

#wapo-total-price-table {position: relative;}
#wapo-total-price-table.loading::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.4);
}

#wapo-total-price-table.loading::after {
	content: '';
	position: absolute;
	top: 15px;
	left: 0;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	border: 3px solid #eee;
	border-top-color: #ffd164;
	animation: loading 2s linear infinite;
}

#wapo-total-order-price, .wapo-total-order-price {
	width: 30%;
}

.progress-price .woocommerce-Price-amount.amount {
	color: #fff;
}

.message-error {
	display: none;
	color: #c93d3d;
	margin-bottom: 0;
}

button.single_add_to_cart_button:disabled {
	pointer-events: none;
}

form.cart .single_add_to_cart_button.disabled2 {
    opacity: 0.6 !important;
    cursor: default;
    pointer-events: none;
}

.yith-wapo-container {
	display: none;
	border: 1px solid var(--wd-primary-color);
	border-radius: 20px;
  padding: 3px 25px 25px 25px;
	margin-bottom: 1rem;
}

.yith-wapo-addon-type-html_heading {
	padding: 0 0 10px 0;
  border-bottom: 1px solid var(--wd-primary-color);
}

.yith-wapo-addon-type-html_heading h3 {
	margin: 0;
	font-size: 20px;
	margin-top: 12px;
}

.wapo-addon-title {
	font-family: 'Manrope', sans-serif !important;
  font-size: 1rem;
	margin-bottom: 8px;
}

.yith-wapo-option .radio-button-container, .yith-wapo-option .checkbox-button-container {
	display: flex;
}

.yith-wapo-block .yith-wapo-addon:not(:first-child):not(.empty-title):not(.toggle-open) {
    margin-top: 15px !important;
}

.yith-wapo-addon-type-checkbox .options .yith-wapo-option .yith-wapo-addon-label {
    margin-left: 0;
}

#wapo-total-price-table {
    margin-top: 20px !important;
}

#wapo-total-price-table table {
    width: 100% !important;
    font-size: 1rem !important;
    line-height: normal !important;
    margin: 0 !important;
	  margin-bottom: -1rem !important;
}

#wapo-total-price-table table th {
    padding: 0 !important;
}

.wapo-total-options {
	display: none;
}

.wapo-total-options td, .wapo-total-order td {
	font-size: 1.2rem;
	font-weight: 600;
  color: var(--wd-primary-color);
}

.wapo-total-order th, .wapo-total-order td {
	border-bottom: 0;
}

#wapo-total-price-table table .wapo-total-order th {
	text-align: right !important;
	padding-right: 1rem !important;
}

.yith-wapo-block div.yith-wapo-addon .options.per-row-1 {
	display: flex !important;
	flex-wrap: wrap !important;
  gap: 14px !important;
}

.product-constructor__desc {
	  padding: 1rem 1.5rem;
    background: var(--wd-primary-color);
		background: linear-gradient(352deg, rgba(199, 152, 66, 0.1) 0%, rgba(199, 152, 66, 0.05) 100%);
    border-radius: 20px;
}

.product-constructor__desc h2 {
	  margin-bottom: 10px;
	   font-family: 'Manrope', sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: normal;
}

.product-constructor__desc p {
	margin-bottom: 0;
	font-size: 1rem;
}

/*Constructor end*/

.product-grid-item :where(.product-wrapper,.product-element-bottom) {
    justify-content: space-between !important;
}

.product-grid-item .wd-entities-title {
    font-size: 1.2rem !important;
    font-weight: 600;
		text-align: center;
}

.wd-product.wd-hover-fw-button .wrap-price {
	margin: 0 auto;
}

.products[class*="wd-stretch-cont"] .product-element-bottom {
    text-align: center;
    align-items: center;
}

.product.wd-hover-fw-button .wd-add-btn {
    width: 100%;
}

.product-summary-shadow .summary-inner {
    height: 100%;
}

form.cart .single_add_to_cart_button {
    flex: 1 !important;
}

form.cart .single_add_to_cart_button.disabled {
    opacity: 0.6 !important;
    cursor: default;
		pointer-events: none;
}

table th {
    font-family: 'Manrope', sans-serif;
}

.table-sostav {
	max-width: 500px;
	margin:0 auto;
}

.table-sostav__subline th {
	padding: 10px 0 10px 20px;
	color: #757575;
}
.table-sostav__subline td {
	padding: 10px;
	color: #757575;
}

.wd-dropdown {
    margin-top: 5px
}

.wd-header-secondary-nav .wd-dropdown-menu.wd-design-default {
    width: 84px;
}

.gallery-tabs .wd-nav-link {
	padding: 0.8rem 1rem;
  border-radius: 2rem;
}

.gallery-tabs .wd-active .wd-nav-link {
	background-color: rgba(199, 152, 66, 0.25) !important;
	color: var(--wd-alternative-color) !important;
}

.swiper {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (min-width: 768px) {
	.product-images-inner {
    position: sticky !important;
		top: 0;
	}
}

@media (max-width: 768px) {
	.progress-wrapper-col2 {
		width: auto;
	}
	.product-grid-item .wd-entities-title {
		font-size: 1rem !important;
	}
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}@media (min-width: 1025px) {
	.wd-header-overlap .page-title {
	padding-top: 200px !important;
}
}

@media (min-width: 577px) and (max-width: 767px) {
	.wd-header-overlap .page-title {
	padding-top: 150px !important;
}

}

@media (max-width: 576px) {
	.wd-header-overlap .page-title {
	padding-top: 150px !important;
}
}