@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//www.ypografi.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.4.1") format("woff2");
}

:root {
	--wd-text-font: "Playpen Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(35,10,136);
	--wd-text-font-size: 16px;
	--wd-title-font: "Playpen Sans", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-transform: none;
	--wd-title-color: rgb(35,10,136);
	--wd-entities-title-font: "Playpen Sans", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: rgb(35,10,136);
	--wd-entities-title-color-hover: rgba(35, 10, 136, 0.79);
	--wd-alternative-font: "Playpen Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Playpen Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(35,10,136);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Playpen Sans", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 16px;
	--wd-brd-radius: 31px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(40,162,106);
	--wd-alternative-color: rgb(35,10,136);
	--btn-default-bgcolor: #28A26A;
	--btn-default-bgcolor-hover: rgb(211,193,235);
	--btn-default-color-hover: rgb(35,10,136);
	--btn-accented-bgcolor: #28A26A;
	--btn-accented-bgcolor-hover: rgb(211,193,235);
	--btn-accented-color-hover: rgb(35,10,136);
	--btn-color: rgb(255,255,255);
	--btn-bgcolor: #28A26A;
	--btn-color-hover: rgb(35,10,136);
	--btn-bgcolor-hover: rgb(211,193,235);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(224,168,47);
	--notices-warning-color: #fff;
	--wd-link-color: rgb(35,10,136);
	--wd-link-color-hover: rgb(40,162,106);
	--wd-sticky-btn-height: 90px;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-image: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	background-repeat: no-repeat;
	object-fit: contain;
}
html .wd-product .wd-entities-title a {
	font-family: "Playpen Sans", Arial, Helvetica, sans-serif;
	font-weight: 700;
	color: rgb(35,10,136);
}
html .wd-product .wd-entities-title a:hover {
	color: rgb(40,162,106);
}
html .wd-product .price, .wd-breadcrumbs > :is(span,a):last-child {
	font-family: "Playpen Sans", Arial, Helvetica, sans-serif;
	font-weight: 600;
	color: rgb(40,162,106);
}
html .wd-product .price:hover, .wd-breadcrumbs > :is(span:hover,a):last-child:hover {
	color: rgb(40,162,106);
}
.wd-product-cats > a, .woocommerce-breadcrumb a, .product_meta a {
	font-family: "Playpen Sans", Arial, Helvetica, sans-serif;
	color: #230a88;
}
.wd-product-cats > a:hover, .woocommerce-breadcrumb a:hover, .product_meta a:hover {
	color: rgb(40,162,106);
}
html .whb-header .wd-header-cats .menu-opener {
	color: rgb(35,10,136);
}
footer .widget, footer ul li a,  footer ul li .list-content {
	font-weight: 700;
	color: rgb(255,255,255);
}
footer .widget:hover, footer ul li a:hover,  footer ul li .list-content:hover {
	color: rgba(255,255,255,0.9);
}
html .wd-nav-mobile > li > a, html .wd-nav-mobile .wd-sub-menu li a, html .wd-nav.wd-layout-drilldown > li > a, html .wd-nav.wd-layout-drilldown > li [class*="sub-menu"] > :is(.menu-item,.wd-drilldown-back) > a, html .wd-nav.wd-layout-drilldown .woocommerce-MyAccount-navigation-link > a {
	color: rgb(35,10,136);
}
html .wd-nav-mobile > li > a:hover, html .wd-nav-mobile > li.current-menu-item > a, html .wd-nav-mobile .wd-sub-menu li a:hover, html .wd-nav-mobile .wd-sub-menu li.current-menu-item > a, html .wd-nav.wd-layout-drilldown > li > a:hover, html .wd-nav.wd-layout-drilldown > li [class*="sub-menu"] > :is(.menu-item,.wd-drilldown-back) > a:hover, html .wd-nav.wd-layout-drilldown >li [class*="sub-menu"] > .woocommerce-MyAccount-navigation-link > a:hover, html .wd-nav.wd-layout-drilldown li.current-menu-item > a {
	color: rgb(40,162,106);
}
html .wd-product.wd-hover-quick .wd-add-btn>a, html .wd-product.wd-hover-quick.wd-quantity-overlap div.quantity input[type], html .wd-product.wd-hover-base .wd-bottom-actions:not(.wd-add-small-btn) .wd-add-btn>a, html .wd-product.wd-hover-standard .wd-add-btn>a, html .wd-product.wd-hover-fw-button .wd-add-btn>a, html .wd-product.wd-hover-fw-button.wd-quantity-overlap div.quantity input[type], html .wd-product.product-list-item .wd-add-btn>a, html .quick-shop-form .single_add_to_cart_button, html .quick-shop-form div.quantity input[type] {
	color: rgb(255,255,255);
	background: #28A26A;
}
html .wd-product.wd-hover-quick .wd-add-btn>a:hover, html .wd-product.wd-hover-quick.wd-quantity-overlap div:hover > div.quantity input[type], 
			html .wd-product.wd-hover-quick.wd-quantity-overlap div:hover > div.quantity+.button, html .wd-product.wd-hover-base .wd-bottom-actions:not(.wd-add-small-btn) .wd-add-btn>a:hover, html .wd-product.wd-hover-standard .wd-add-btn>a:hover, html .wd-product.wd-hover-fw-button .wd-add-btn>a:hover, html .wd-product.wd-hover-fw-button.wd-quantity-overlap div:hover > div.quantity input[type], 
			html .wd-product.wd-hover-fw-button.wd-quantity-overlap div:hover > div.quantity+.button, html .wd-product.product-list-item .wd-add-btn>a:hover, html .quick-shop-form .single_add_to_cart_button:hover, html .quick-shop-wrapper .quick-shop-form div:hover > div.quantity input[type], 
			html .quick-shop-wrapper .quick-shop-form div:hover > div.quantity+.button {
	color: rgb(35,10,136);
	background: rgb(211,193,235);
}
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: rgba(0,0,0,0.4);
	--wd-form-brd-color-focus: rgb(0,28,80);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-size: 45px;
	--wd-arrow-icon-size: 16px;
	--wd-arrow-offset-h: 10px;
	--wd-arrow-offset-v: 0px;
	--wd-arrow-color: rgb(255,255,255);
	--wd-arrow-color-hover: rgb(35,10,136);
	--wd-arrow-bg: rgb(40,162,106);
	--wd-arrow-bg-hover: rgb(211,193,235);
	--wd-arrow-bg-dis: rgba(255,255,255,0.7);
	--wd-arrow-radius: 50px;
}
.wd-nav-pagin-wrap:not(.wd-custom-style) {
	--wd-pagin-size: 12px;
	--wd-pagin-bg: rgb(211,193,235);
	--wd-pagin-bg-hover: rgb(40,162,106);
	--wd-pagin-bg-act: rgb(40,162,106);
	--wd-pagin-radius: 50px;
	--wd-pagin-brd-width: 1px;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 130px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}
	.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
		--wd-arrow-offset-h: 30px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 35px;
--btn-default-color: #fff;
--btn-accented-color: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}

rs-slides :is([data-type=text],[data-type=button]) {
font-family: Playpen Sans !important;
}
rs-slides :is(h1,h2,h3,h4,h5,h6)[data-type=text] {
font-family: Playpen Sans !important;
}


.dismiss-notice {
    right: 1em;
    top: 1em;
    position: absolute;
    background: black;
    border-radius: 50%;
    height: 23px;
    width: 23px;
    line-height: 23px;
    font-size: 17px;
    text-align: center;
    color: white;
    font-weight: 900;
    cursor: pointer;
}

/*Social on header*/
header.whb-header .wd-social-icons>a:not(:hover) {
	--wd-social-brd-color: #230a88;
	--wd-social-color: #230a88;
	--wd-social-brd:1px solid;
}

.whb-color-dark .wd-header-divider:before{
	--wd-divider-color:#230a88;
}

/*_Checkout-page - Theme does not support the vc_custom_css in layouts*/
/*__Accordion icons size*/
.accordion-usefull-info
  .wd-accordion-item
  .wd-accordion-title-text
  .img-wrapper
  i {
  font-size: 1.5rem;
}

#shipping_method label {
  font-weight: 600;
}

td.product-total .amount {
  font-weight: 500;
}

/*End of woocommerce customization*/

/*Remove unwanted line-height*/
body .bac--rmv-line-height{
	line-height:0;
	margin-bottom:-1px;
}
/*_Complianz Button*/
/*_Appears on top of all*/
body .cmplz-soft-cookiewall {
    z-index: 99999;
}

#cmplz-manage-consent button.cmplz-manage-consent {
    color: #ffffff;
    background-color: #28a26a;
}

/*Hide recaptcha Badge - Style txt under the form*/
.grecaptcha-badge {
    visibility: hidden;
}

.recaptcha-yp {
    font-size: 12px;
    line-height: 1.2;
}

/*_Newsletter form*/
.bac-nl-form #req-btn, .bac-nl-form #req-btn a{
	color:#ffffff;
}

.bac-nl-form #req-btn a:hover{
	color:var(--wd-primary-color);
}

/*_Category menu - change bg color.*/
/*_Reverts the hover on the image on the categories menu on the left*/
body .wd-nav-vertical.wd-design-with-bg {
    --nav-bg: var(--bgcolor-white);
    --nav-bg-hover: var(--bgcolor-white);
    --wd-icon-style-with-bg: brightness(1) invert(0);
    --wd-icon-style-with-bg-hover: brightness(1) invert(0);
}

/*_Bottom Menu nav bar text on hover- Idle state is in line 158-159*/
body .wd-toolbar .wd-tools-element:hover>a,
body .wd-toolbar .wd-tools-element:hover .wd-tools-icon:hover {
    color: var(--wd-link-color-hover) !important;
}

/*_Fix search results - Provided by theme*/
body .wd-search-full-screen .searchform {
	--wd-form-placeholder-color:var(--wd-text-color);
}

.woodmart-ajax-search .search-results-wrapper .wd-dropdown-results {
    left: 0;
    right: 0;
}

.sidebar-widget.woodmart-ajax-search .search-results-wrapper .autocomplete-suggestions {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

/*_Product filter button*/
.woodmart-ajax-search .search-results-wrapper .wd-dropdown-results .view-all-results,
.wd-search-full-screen .view-all-results {
    color: var(--color-white) !important;
    background-color: var(--wd-primary-color);
}

/*_The border below the setps in cart/checkout/thank you page / Header navigation*/
body .wd-checkout-steps li span:after,
body .wd-nav-product-cat .nav-link-text:after {
    background-color: #ffffff !important;
}


/*_Change banner images inside category ypografi-products*/
@media screen and (min-width: 577px) {
    .ypografi-banner-mobile {
        display: none;
    }
}

body .wd-sticky-btn .wd-entities-title {
    font-size: 15px;
}

/*_Fix footer color on hover for the last column.*/
.footer-col-4 li:hover {
    --wd-link-color-hover: rgba(255, 255, 255, 0.7);
}

body .product-grid-item .quick-shop-wrapper .quick-shop-form .outer-gift-wrap {
    flex-wrap: nowrap;
    margin-bottom: 0;
}

/*_Thank you page after order send*/
body :is(.woocommerce-thankyou-order-details, .wc-bacs-bank-details) :is(strong, .amount),
body.woocommerce-order-received .wc-item-meta strong,
body.woocommerce-order-received .wc-item-meta,
body .wd-nav-mobile>li>a, body .wd-shop-tools .wd-products-per-page .wd-label, body .wd-shop-tools .wd-products-per-page a, body .wd-shop-tools .wd-products-shop-view .shop-view, body .wd-shop-tools .woocommerce-ordering .orderby, body .woocommerce-ordering.wd-style-underline select{
    color: var(--wd-text-color);
		--wd-form-brd-color: var(--wd-text-color);
}

body.woocommerce-order-received .wc-item-meta strong,
body.woocommerce-order-received .wc-item-meta {
    font-size: 14px;
}

/*_Off-canvas mobile menu */
body .wd-nav-mob-tab>li.wd-active>a {
    color: var(--bgcolor-white) !important;
    background-color: var(--wd-primary-color);
}

/*_Widgets - Cart widget CSS*/
 ul.variation {
    font-size: 85%;
}

 ul.variation .item-variation-name, .cart-info span.quantity:not(.amount), .wd-product-sku .wd-label{
   color: var(--wd-text-color);
}

/*__Adds CSS also on order received*/
 ul.variation .item-variation-value, .woocommerce-order-received .wc-item-meta li p{
	 color: var(--wd-primary-color);
	 font-weight: 700;
}

/*__Adds CSS also on order received*/
.wd-product-detail .wd-sku, .woocommerce-order-received .woocommerce-table__product-total, body .wd-shop-tools .wd-products-per-page .current-variation, body .wd-shop-tools .wd-products-shop-view .current-variation, body .wd-shop-tools .wd-products-per-page a:hover, body .wd-shop-tools .wd-products-shop-view a:hover {
	 color: var(--wd-primary-color);
}
.wd-all-results {
	--wd-link-color:inherit;
	--wd-link-color-hover:inherit;
}

body .widget_product_categories .product-categories li.current-cat>a,
body .widget_price_filter [class*="price_slider_amount"] .price_label>span,
body .cart-info .wd-product-sku .wd-label,
body .wd-btn-arrow[class*="next"],
body .wd-btn-arrow[class*="prev"],
body .wd-filter-list .wc-layered-nav-term.wd-active a,
body .wd-tools-element>a,
body .wd-tools-element .wd-tools-icon,
body .create-account-question p,
body .create-account-question .btn-style-link.btn-color-primary {
    color: var(--wd-text-color);
}

body .create-account-question .btn{
	--btn-color:var(--wd-text-color);
	--btn-color-hover:var(--wd-primary-color);
	--btn-bgcolor-hover:transparent;
}
/*_Create account pop-up*/
body .create-account-question:before,
body .wd-empty-mini-cart:before,
body .wd-empty-page:before {
    color: var(--wd-alternative-color);
    opacity: 0.2;
}

:is(.widget, .wd-widget, div[class^="vc_wp"]) {
    --wd-link-color: var(--wd-alternative-color);
    --wd-link-color-hover: var(--btn-default-bgcolor-hover);
}

.widget_product_categories .wd-cats-toggle,
.wd-widget-collapse .widget-title:after {
    color: var(--color-white);
    background-color: var(--wd-alternative-color);
}

.widget_product_categories .wd-cats-toggle:hover,
.widget_product_categories .wd-cats-toggle.toggle-active,
.wd-widget-collapse.wd-opened .widget-title:after {
    background-color: var(--btn-default-bgcolor-hover);
    color: var(--color-white);
}

/*_Swatches Border Color*/
[class*="wd-swatches"].wd-bg-style-2 .wd-swatch.wd-bg:is(.wd-active, :hover:not(.wd-disabled)),
[class*="wd-swatches"].wd-bg-style-2 :is(.wd-swatch-wrap a:hover, .wd-swatch-wrap.wd-active) .wd-swatch.wd-bg,
[class*="wd-swatches"].wd-text-style-2 .wd-swatch.wd-text:is(.wd-active, :hover:not(.wd-disabled)),
[class*="wd-swatches"].wd-text-style-2 :is(.wd-swatch-wrap a:hover, .wd-swatch-wrap.wd-active) .wd-swatch.wd-text {
    --wd-swatch-brd-color: var(--wd-alternative-color);
}

/*_Add to cart - fix gap with gift wrap*/
.product-image-summary form.cart {
	 gap:20px;
}

.product-image-summary form.cart table.variations {
		margin-bottom:0;
}

/*_Gift wrap option CSS*/
.gift-wrap-label {
    font-family: inherit;
    color: inherit;
    font-weight: 600;
    font-style: inherit;
    /*padding-right: 20px;*/
    white-space: nowrap;
}

.outer-gift-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    /*margin-bottom: 10px;*/
		gap:15px;
}

.ypo-wrap-field {
    width: 100%;
    max-width: 260px;
    margin-bottom: 0;
}


/*_My-account-page*/
.woocommerce-MyAccount-navigation ul li a {
    font-size: 16px;
}

body .wd-builder-off .woocommerce-MyAccount-navigation li a,
body .widget_layered_nav_filters a,
body.single-product .wd-nav[class*="wd-style-"]>li:is(.current-menu-item, .wd-active, .active)>a {
    color: var(--wd-link-color);
		--wd-link-color:inherit;
		--wd-link-color-hover:inherit;
}

body .wd-builder-off .woocommerce-MyAccount-navigation li a:hover, body .wd-builder-off .woocommerce-MyAccount-navigation li.is-active a{
		color:var(--wd-link-color-hover);
}

.widget_layered_nav_filters a:hover {
    color: var(--wd-link-color-hover) !important;
}

/*My account page -> My rewards*/
.wr-available-coupons .item.line {
    background-color: var(--bgcolor-gray-300);
}

.my-account-rewards-points {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-right: 15px;
}

.pontoi-epivraveuseis-link a:before {
    content: "\f149";
}

.ul-blue-cevrs li:before {
    font-size: 10px;
    color: #001c50;
    font-weight: 700;
    margin-right: 7px;
    content: "\f113";
    font-family: "woodmart-font";
}

.ul-blue-cevrs,
.ul-blue-cevrs ul {
    list-style-type: none;
    padding: 0;
}

.points-balance {
    font-size: 20px;
}

.btn-cf7-hover:hover {
    background-color: rgb(255, 0, 0);
}

/*_Product - image gallery*/

body.single-product .woocommerce-product-gallery .product-image-thumbnail img {
    border: 1px solid #e2e5e8;
}

.woocommerce-product-gallery .thumbnails.slick-slider>button {
    background-color: var(--btn-default-bgcolor);
    color: var(--btn-accented-color);
}

.woocommerce-product-gallery .thumbnails.slick-slider>button:hover {
    background-color: var(--btn-accented-bgcolor-hover);
}

/*_Shop page*/

body .wd-social-icons .wd-label,
td.product-price .amount,
.cart-totals-inner table .cart-subtotal .amount,
.wd-accordion-opener {
    color: var(--wd-alternative-color) !important;
}

.wd-products-shop-view .shop-view svg {
    fill: var(--wd-alternative-color) !important;
}

/*_Clear variations*/
body .reset_variations {
    color: var(--color-gray-900);
    font-weight: 500;
}

body .reset_variations:hover {
    color: var(--wd-link-color-hover);
}
/*_Single_Product_Page*/
body .product_meta .meta-label {
	 color: var(--wd-text-color);
}

/*__Video button*/
.product-additional-galleries .product-video-button.wd-action-btn.wd-style-icon-bg-text>a {
    color: var(--btn-accented-color);
    background-color: #ff0000;
}

/*__Related products*/
.related-products .wd-action-btn:not(.wd-compare-btn),
.related-products .wd-action-btn:not(.wd-compare-btn)>a,
.upsells-carousel .wd-action-btn:not(.wd-compare-btn),
.upsells-carousel .wd-action-btn:not(.wd-compare-btn)>a {
    --wd-action-color: var(--color-white);
    --wd-action-color-hover: var(--wd-link-color-hover);
}

body .wd-gallery-thumb .wd-thumb-nav{
		--wd-arrow-color:#fff;
		--wd-arrow-color-hover:var(--btn-default-color-hover);
		--wd-arrow-bg:var(--btn-default-bgcolor);
		--wd-arrow-bg-hover:var(--btn-default-bgcolor-hover);
		font-weight:700;
}

body .wd-show-product-gallery-wrap.wd-action-btn > a {
    color: var(--btn-accented-color);
    background-color: var(--btn-default-bgcolor);
}

body .wd-show-product-gallery-wrap.wd-action-btn:hover > a {
    color: var(--btn-default-color-hover);
    background-color: var(--btn-default-bgcolor-hover);
}

body .wd-show-product-gallery-wrap.wd-action-btn {
		--wd-action-color:#fff;
		--wd-action-icon-color-hover: var(--btn-default-color-hover);
}

body .related-products .wd-buttons,
body .upsells-carousel .wd-buttons {
    background-color: var(--btn-default-bgcolor);
}

body .related-products .wd-buttons:hover{
		background-color:var(--btn-default-bgcolor-hover)
}

body .wd-action-btn.wd-style-text .wd-action-text, body .wd-action-btn.wd-style-text:not(.wd-cross-icon) .wd-action-icon:before{
	 color: var(--wd-text-color);
}

/*_Set color of X icon to red*/
body .wd-action-btn:hover.wd-style-text.wd-cross-icon .wd-action-icon:before, body .wd-action-btn:hover.wd-style-text.wd-cross-icon .wd-action-text, .wd-close-search:hover.wd-cross-icon .wd-action-icon:before{
	color:#FF2C2C;
}

body .wd-action-btn.wd-style-text:hover .wd-action-text, body .wd-action-btn.wd-style-text > a:hover .wd-action-icon:before{
		color: var(--wd-link-color-hover);
}
/*End of woocommerce customization*/

/*_Home-page_Product carousels - Grid is visible*/
body .products-bordered-grid-ins .product-wrapper {
    border: 1px solid rgba(0, 0, 0, 0.105);
    border-radius: var(--wd-brd-radius);
}

/*_Product carousel - Fix colors on code */
body p.stock.wd-style-default:is(.in-stock) {
    color: var(--wd-primary-color);
}

body .product-grid-item .wd-product-sku,
body .cart-info .wd-product-sku,
body.woocommerce-cart td.product-sku {
    color: #a4a4a4;
}

body .product-grid-item .wd-product-sku .wd-label {
    color: var(--wd-alternative-color);
}

/*_Shop page - Load more button*/
body .wd-load-more {
    border-color: rgba(35,10,136, 0.4);
}

body .wd-load-more .load-more-label {
    color: rgba(35,10,136, 0.8);
}

body .wd-load-more:hover {
    border-color: rgba(35,10,136, 1);
    color: rgba(35,10,136, 1);
}

body .wd-load-more:hover .load-more-label {
    color: rgba(35,10,136, 1);
}

/*_Hide subcategory dropdown*/
.page-title .wd-nav-product-cat .cat-item .children.wd-dropdown {
    display: none;
}

/*_BackToTop - Rocket */
body .scrollToTop::after {
		--totop-y:-20px;
    content: url("https://www.ypografi.com/wp-content/uploads/2026/04/rocket_backtop.png");
    display: block;
    transform: translateY(var(--totop-y)) scale(0.65);
    transform-origin: bottom center;
    transition: transform 0.22s ease-out;
}

body .scrollToTop {
    background-color: transparent;
    box-shadow: none;
}

/*_Ηover */
body .scrollToTop:hover::after {
		--totop-y-hover:-30px;
    transform: translateY(var(--totop-y-hover)) scale(0.65);
}

/*_Change filter icon */
body .wd-show-sidebar-btn.wd-action-btn,
body .wd-sidebar-opener.wd-on-shop>a::before {
  --wd-btn-icon: "\f15c";
	font-size: 18px;
}

body .wd-toolbar-sidebar.wd-filter-icon .wd-tools-icon:before{
	content: "\f15c";
}

body .wd-show-sidebar-btn.wd-action-btn .wd-action-icon{
		font-size: 22px;
}

/*_Top bar list left items*/
.ypo-topbar-menu .nav-link-text {
    font-size: 13px;
}

/*_Strike throught on sale price*/
del .amount,
.price del {
    color: #bbb;
}

/*_Inner Paixnidia mega-menu bg size*/
.mega-bg-contain .wd-dropdown-menu {
    background-size: contain;
}

#menu-menu-left-paixnidia {
    background-color: #ffffff;
}

/*_Icon inside menu*/
#menu-menu-left-paixnidia .border-first-level .wd-nav-img {
    max-height: 23px;
    margin-right: 8px;
}

/*_Mega menu - Featured products Column*/
.menu-featured-col {
    background-color: #f9f9f9;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

/*_Mega Inner menu - Buttons all products*/
.all-products-btn-menu:hover {
    background-color: #d3c1eb;
	  color:#230a88;
		box-shadow:none;
}

body .border-first-level:not(:last-child) {
    border-bottom: 1px solid #e3e3e3;
}

/*_Adds blue color on the menu*/
#menu-menu-right-ypoloipes-kathgories .wd-sub-menu a,
#menu-menu-right-ypoloipes-kathgories .btn-style-link.btn-color-primary,
#menu-menu-left-paixnidia .wd-dropdown-menu a:not(.btn),
#menu-menu-right-ypoloipes-kathgories .widget_products ul>li .widget-product-info .wd-entities-title,
#menu-menu-left-paixnidia .border-first-level a:not(.btn) {
    color: var(--wd-alternative-color);
}

#menu-menu-right-ypoloipes-kathgories .wd-sub-menu a:hover,
#menu-menu-right-ypoloipes-kathgories .wd-sub-menu a:focus,
#menu-menu-right-ypoloipes-kathgories .btn-style-link.btn-color-primary:hover,
#menu-menu-left-paixnidia .wd-dropdown-menu a:hover:not(.btn),
.wd-header-cats .wd-dropdown-menu a:focus,
#menu-menu-right-ypoloipes-kathgories .widget_products ul>li .widget-product-info .wd-entities-title:hover,
#menu-menu-left-paixnidia .border-first-level a:hover:not(.btn) {
    color: var(--wd-primary-color);
}

/*_Featured products inner tab*/
#menu-menu-right-ypoloipes-kathgories .wd-text-block {
    color: var(--wd-primary-color);
}


.wd-nav[class*="wd-style-"]>li.wd-has-children>a:after,
.wd-nav[class*="wd-style-"]>li.menu-item-has-children>a:after {
    font-weight: bold;
}

#menu-menu-right-ypoloipes-kathgories .wd-dropdown {
    box-shadow: none;
}

/*_Makes the category menu appear on the left*/
.whb-header-bottom .whb-header-bottom-inner .whb-column:first-child .wd-header-cats .menu-opener {
    justify-content: flex-end;
}

.whb-header-bottom .whb-header-bottom-inner .whb-column:first-child .menu-opener:after {
    margin-left: 4px;
}

.rmv-margin-bottom .info-box-subtitle {
		margin-top: 0!important;
}

.rmv-margin-bottom,
.rewards-menu-cstm {
    align-items: center !important;
}

.rmv-margin-bottom .box-icon-wrapper {
    margin-right: 7px !important;
}

.rewards-menu-cstm .box-icon-wrapper {
    margin-right: 14px !important;
}

#menu-footer-col3-aboutus .woodmart-nav-link {
    color: #ffffff;
}

.rewards-menu-cstm .info-box-content {
    line-height: 1.2;
}

.divider-general-menu:before {
    border-right: 1px solid;
    border-color: #001c50 !important;
    height: 26px;
}

/*Gradient with image on header*/
/*body .page-title-default {
    background-color: #0853d5;
    background-image: url("https://www.ypografi.com/wp-content/uploads/2022/10/header-img-shop-page.png");
    background-image: url("https://www.ypografi.com/wp-content/uploads/2022/10/header-img-shop-page.png"),
        -webkit-radial-gradient(50% 50%, closest-side, #45a9fe 0%, #0853d5 100%);
    background-image: url("https://www.ypografi.com/wp-content/uploads/2022/10/header-img-shop-page.png"),
        -o-radial-gradient(50% 50%, closest-side, #45a9fe 0%, #0853d5 100%);
    background-image: url("https://www.ypografi.com/wp-content/uploads/2022/10/header-img-shop-page.png"),
        radial-gradient(closest-side at 50% 50%, #45a9fe 0%, #0853d5 100%);
}*/

body .page-title-default {
    background-color: #110062;
    background-image:
        linear-gradient(0deg,
            rgba(255, 255, 255, 1) 0%,
            rgba(255, 255, 255, 0.95) 5%,
            rgba(255, 255, 255, 0.80) 11%,
            rgba(255, 255, 255, 0.52) 20%,
            rgba(255, 255, 255, 0.18) 30%,
            rgba(255, 255, 255, 0) 42%),
        linear-gradient(0deg,
            rgba(73, 62, 164, 0.80) 0%,
            rgba(73, 62, 164, 0.88) 16%,
            #5b4db1 30%,
            #493ea4 48%,
            #392b98 68%,
            #24127d 86%,
            #1a0b72 100%);
    background-repeat: no-repeat, no-repeat;
    background-position: center top, center top;
    background-size: 100% 100%, 100% 100%;
}
/*_New gradient with img
/*body .page-title-default {
    background-color: #110062;
    background-image:
        url("https://www.ypografi.com/wp-content/uploads/2026/04/bg_stars_header_1900w.png"),
        -webkit-gradient(linear,
            left bottom, left top,
            from(rgba(255, 255, 255, 1)),
            color-stop(5%, rgba(255, 255, 255, 0.95)),
            color-stop(11%, rgba(255, 255, 255, 0.80)),
            color-stop(20%, rgba(255, 255, 255, 0.52)),
            color-stop(30%, rgba(255, 255, 255, 0.18)),
            color-stop(42%, rgba(255, 255, 255, 0))),
        -webkit-gradient(linear,
            left bottom, left top,
            from(rgba(73, 62, 164, 0.80)),
            color-stop(16%, rgba(73, 62, 164, 0.88)),
            color-stop(30%, #5b4db1),
            color-stop(48%, #493ea4),
            color-stop(68%, #392b98),
            color-stop(86%, #24127d),
            to(#1a0b72));
    background-image:
        url("https://www.ypografi.com/wp-content/uploads/2026/04/bg_stars_header_1900w.png"),
        -o-linear-gradient(bottom,
            rgba(255, 255, 255, 1) 0%,
            rgba(255, 255, 255, 0.95) 5%,
            rgba(255, 255, 255, 0.80) 11%,
            rgba(255, 255, 255, 0.52) 20%,
            rgba(255, 255, 255, 0.18) 30%,
            rgba(255, 255, 255, 0) 42%),
        -o-linear-gradient(bottom,
            rgba(73, 62, 164, 0.80) 0%,
            rgba(73, 62, 164, 0.88) 16%,
            #5b4db1 30%,
            #493ea4 48%,
            #392b98 68%,
            #24127d 86%,
            #1a0b72 100%);
    background-image:
        url("https://www.ypografi.com/wp-content/uploads/2026/04/bg_stars_header_1900w.png"),
        linear-gradient(0deg,
            rgba(255, 255, 255, 1) 0%,
            rgba(255, 255, 255, 0.95) 5%,
            rgba(255, 255, 255, 0.80) 11%,
            rgba(255, 255, 255, 0.52) 20%,
            rgba(255, 255, 255, 0.18) 30%,
            rgba(255, 255, 255, 0) 42%),
        linear-gradient(0deg,
            rgba(73, 62, 164, 0.80) 0%,
            rgba(73, 62, 164, 0.88) 16%,
            #5b4db1 30%,
            #493ea4 48%,
            #392b98 68%,
            #24127d 86%,
            #1a0b72 100%);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: center top, center top, center top;
    background-size: 1920px auto, 100% 100%, 100% 100%;
}*/


/*Menu sub-categories*/
.wd-sub-menu li>a {
    font-size: 15px;
    font-weight: 500;
}

.wd-sub-menu li .nav-link-text {
    font-size: 16px;
}

/*_Footer*/

/*_Footer background decor*/
.bac-footer-decor-left.wd-image {
  --footer-ufo-x: calc(40px - ((100vw - var(--wd-container-w)) / 2));
  --footer-ufo-y: 0px;
  bottom: 0;
  left: 0;
  transform: translate(var(--footer-ufo-x), var(--footer-ufo-y));
}

/*_Footer background gradient only*/
.bac-footer-bg-gradient {
    background-color: #110062;
    background-image:
        -webkit-gradient(linear,
            left top, left bottom,
            from(rgba(255, 255, 255, 1)),
            color-stop(5%, rgba(255, 255, 255, 0.95)),
            color-stop(11%, rgba(255, 255, 255, 0.80)),
            color-stop(20%, rgba(255, 255, 255, 0.52)),
            color-stop(30%, rgba(255, 255, 255, 0.18)),
            color-stop(42%, rgba(255, 255, 255, 0))),
        -webkit-gradient(linear,
            left top, left bottom,
            from(rgba(73, 62, 164, 0.80)),
            color-stop(16%, rgba(73, 62, 164, 0.88)),
            color-stop(30%, #5b4db1),
            color-stop(48%, #493ea4),
            color-stop(68%, #392b98),
            color-stop(86%, #24127d),
            to(#1a0b72));
    background-image:
        -o-linear-gradient(top,
            rgba(255, 255, 255, 1) 0%,
            rgba(255, 255, 255, 0.95) 5%,
            rgba(255, 255, 255, 0.80) 11%,
            rgba(255, 255, 255, 0.52) 20%,
            rgba(255, 255, 255, 0.18) 30%,
            rgba(255, 255, 255, 0) 42%),
        -o-linear-gradient(top,
            rgba(73, 62, 164, 0.80) 0%,
            rgba(73, 62, 164, 0.88) 16%,
            #5b4db1 30%,
            #493ea4 48%,
            #392b98 68%,
            #24127d 86%,
            #1a0b72 100%);
    background-image:
        linear-gradient(180deg,
            rgba(255, 255, 255, 1) 0%,
            rgba(255, 255, 255, 0.95) 5%,
            rgba(255, 255, 255, 0.80) 11%,
            rgba(255, 255, 255, 0.52) 20%,
            rgba(255, 255, 255, 0.18) 30%,
            rgba(255, 255, 255, 0) 42%),
        linear-gradient(180deg,
            rgba(73, 62, 164, 0.80) 0%,
            rgba(73, 62, 164, 0.88) 16%,
            #5b4db1 30%,
            #493ea4 48%,
            #392b98 68%,
            #24127d 86%,
            #1a0b72 100%);
    background-repeat: no-repeat, no-repeat;
    background-position: center top, center top;
    background-size: 100% 100%, 100% 100%;
}
/*_header stars-decor*/

body .page-title-default .wd-page-title-bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
}

body .page-title-default {
    --bac-sparkle-star: url("https://www.ypografi.com/wp-content/uploads/2026/04/sparkle-star.svg");
    --bac-star-dot-strong: url("https://www.ypografi.com/wp-content/uploads/2026/04/star-dot-strong.svg");
    --bac-star-dot-mid: url("https://www.ypografi.com/wp-content/uploads/2026/04/star-dot-mid.svg");
    --bac-star-dot-soft: url("https://www.ypografi.com/wp-content/uploads/2026/04/star-dot-soft.svg");
}

/*_Layer 1-desktop */
body .page-title-default::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    opacity: .82;
    background-image:
        var(--bac-star-dot-strong),
        var(--bac-star-dot-mid),
        var(--bac-star-dot-strong),
        var(--bac-star-dot-soft),
        var(--bac-star-dot-mid),
        var(--bac-star-dot-strong),
        var(--bac-star-dot-soft),
        var(--bac-star-dot-mid),
        var(--bac-star-dot-mid),
        var(--bac-star-dot-strong),
        var(--bac-star-dot-soft),
        var(--bac-star-dot-mid),
        var(--bac-star-dot-mid),
        var(--bac-star-dot-strong),
        var(--bac-star-dot-soft),
        var(--bac-star-dot-strong),
        var(--bac-star-dot-mid),
        var(--bac-star-dot-strong),
        var(--bac-star-dot-soft),
        var(--bac-star-dot-soft),
        var(--bac-star-dot-soft),
        var(--bac-star-dot-soft),
        var(--bac-star-dot-soft),
        var(--bac-star-dot-soft),
        var(--bac-star-dot-soft),
        var(--bac-star-dot-soft),
        var(--bac-star-dot-mid),
        var(--bac-star-dot-soft),
        var(--bac-star-dot-soft),
        var(--bac-star-dot-soft),
        var(--bac-star-dot-soft),
        var(--bac-star-dot-soft),
        var(--bac-star-dot-soft),
        var(--bac-star-dot-mid);
    background-repeat: no-repeat;
    background-position:
        4% 12%,
        9% 38%,
        14% 8%,
        19% 24%,
        24% 46%,
        30% 11%,
        35% 34%,
        41% 16%,
        47% 43%,
        53% 9%,
        59% 29%,
        64% 13%,
        70% 37%,
        76% 7%,
        82% 26%,
        88% 10%,
        93% 34%,
        97% 8%,
        11% 61%,
        22% 67%,
        33% 58%,
        45% 64%,
        57% 59%,
        69% 66%,
        81% 60%,
        91% 64%,
        6% 52%,
        16% 54%,
        28% 56%,
        39% 55%,
        52% 53%,
        74% 55%,
        86% 52%,
        96% 58%;
    background-size:
        8px 8px,
        6px 6px,
        6px 6px,
        5px 5px,
        6px 6px,
        7px 7px,
        5px 5px,
        6px 6px,
        6px 6px,
        7px 7px,
        5px 5px,
        6px 6px,
        5px 5px,
        7px 7px,
        5px 5px,
        7px 7px,
        6px 6px,
        8px 8px,
        4px 4px,
        4px 4px,
        4px 4px,
        4px 4px,
        4px 4px,
        4px 4px,
        4px 4px,
        4px 4px,
        5px 5px,
        4px 4px,
        4px 4px,
        4px 4px,
        4px 4px,
        4px 4px,
        4px 4px,
        5px 5px;
    animation: bacStarsTwinkleA 6.8s ease-in-out infinite;
}

/*_Layer 2 - desktop */
body .page-title-default .wd-page-title-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .58;
    background-image:
        var(--bac-star-dot-mid),
        var(--bac-star-dot-soft),
        var(--bac-star-dot-mid),
        var(--bac-star-dot-soft),
        var(--bac-star-dot-mid),
        var(--bac-star-dot-soft),
        var(--bac-star-dot-mid),
        var(--bac-star-dot-soft),
        var(--bac-star-dot-mid),
        var(--bac-star-dot-soft),
        var(--bac-star-dot-mid),
        var(--bac-star-dot-soft),
        var(--bac-star-dot-mid),
        var(--bac-star-dot-soft),
        var(--bac-star-dot-mid),
        var(--bac-star-dot-soft),
        var(--bac-star-dot-soft),
        var(--bac-star-dot-mid),
        var(--bac-star-dot-soft),
        var(--bac-star-dot-mid);
    background-repeat: no-repeat;
    background-position:
        7% 20%,
        12% 49%,
        17% 31%,
        23% 15%,
        27% 54%,
        34% 22%,
        39% 51%,
        46% 27%,
        51% 48%,
        58% 19%,
        63% 44%,
        71% 23%,
        77% 48%,
        84% 18%,
        90% 47%,
        96% 24%,
        20% 60%,
        42% 60%,
        66% 59%,
        88% 61%;
    background-size:
        4px 4px,
        4px 4px,
        4px 4px,
        4px 4px,
        4px 4px,
        4px 4px,
        4px 4px,
        4px 4px,
        4px 4px,
        4px 4px,
        4px 4px,
        4px 4px,
        4px 4px,
        4px 4px,
        4px 4px,
        4px 4px,
        4px 4px,
        4px 4px,
        4px 4px,
        4px 4px;
    animation: bacStarsTwinkleB 4.9s ease-in-out infinite;
}

/*_Layer 3 - desktop */
body .page-title-default::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    opacity: .88;
    background-image:
        var(--bac-sparkle-star),
        var(--bac-sparkle-star),
        var(--bac-sparkle-star),
        var(--bac-sparkle-star),
        var(--bac-sparkle-star),
        var(--bac-sparkle-star),
        var(--bac-sparkle-star),
        var(--bac-sparkle-star);
    background-repeat: no-repeat;
    background-position:
        2% 35%,
        10% 39%,
        21% 14%,
        32% 26%,
        49% 67%,
        77% 40%,
        89% 28%,
        98% 36%;
    background-size:
        38px 38px,
        20px 20px,
        18px 18px,
        22px 22px,
        16px 16px,
        30px 30px,
        18px 18px,
        26px 26px;
    animation: bacSparklePulseA 7.2s ease-in-out infinite;
}

/*_Layer 4 - desktop */
body .page-title-default .wd-page-title-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .52;
    background-image:
        var(--bac-sparkle-star),
        var(--bac-sparkle-star),
        var(--bac-sparkle-star),
        var(--bac-sparkle-star),
        var(--bac-sparkle-star),
        var(--bac-sparkle-star);
    background-repeat: no-repeat;
    background-position:
        15% 12%,
        28% 58%,
        43% 41%,
        61% 20%,
        71% 60%,
        93% 9%;
    background-size:
        16px 16px,
        14px 14px,
        18px 18px,
        15px 15px,
        17px 17px,
        19px 19px;
    animation: bacSparklePulseB 5.4s ease-in-out infinite;
}


/*_Footer stars decor - Used raw html on purpose*/

body .bac-footer-bg-gradient {
    position: relative;
    isolation: isolate;
}

body .bac-footer-bg-gradient > .bac-footer-sky-row {
    position: absolute;
    inset: 0;
    left: 0 !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 0;
    pointer-events: none;
}

body .bac-footer-bg-gradient > .bac-footer-sky-row > .wpb_column,
body .bac-footer-bg-gradient > .bac-footer-sky-row > .wpb_column > .vc_column-inner,
body .bac-footer-bg-gradient > .bac-footer-sky-row > .wpb_column > .vc_column-inner > .wpb_wrapper,
body .bac-footer-bg-gradient > .bac-footer-sky-row .wpb_raw_code,
body .bac-footer-bg-gradient > .bac-footer-sky-row .wpb_raw_html,
body .bac-footer-bg-gradient > .bac-footer-sky-row .wpb_raw_code > .wpb_wrapper {
    height: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
}

body .bac-footer-bg-gradient .bac-footer-sky {
    width: 100%;
    height: 100%;
    pointer-events: none;
}

/* Keep only rows/columns above sky, not every wpb_wrapper *
body .bac-footer-bg-gradient > .vc_row:not(.bac-footer-sky-row),
body .bac-footer-bg-gradient > .vc_row-full-width,
body .bac-footer-bg-gradient > .vc_row:not(.bac-footer-sky-row) .wpb_column,
body .bac-footer-bg-gradient > .vc_row:not(.bac-footer-sky-row) .vc_column_container {
    position: relative;
    z-index: 1;
}*/

body .bac-footer-bg-gradient .bac-stars-a,
body .bac-footer-bg-gradient .bac-stars-b,
body .bac-footer-bg-gradient .bac-sparkles-a,
body .bac-footer-bg-gradient .bac-sparkles-b {
    transform-box: fill-box;
    transform-origin: center;
}

body .bac-footer-bg-gradient .bac-stars-a {
    animation: bacStarsTwinkleA 6.8s ease-in-out infinite;
}

body .bac-footer-bg-gradient .bac-stars-b {
    animation: bacStarsTwinkleB 4.9s ease-in-out infinite;
}

body .bac-footer-bg-gradient .bac-sparkles-a {
    animation: bacSparklePulseA 7.2s ease-in-out infinite;
}

body .bac-footer-bg-gradient .bac-sparkles-b {
    animation: bacSparklePulseB 5.4s ease-in-out infinite;
}

body .bac-footer-sky--mobile {
    display: none;
}


/*_Mobile*/

@media screen and (max-width: 767px) {
    /*Header*/
    body .page-title-default::before {
        opacity: .72;
        background-image:
            var(--bac-star-dot-strong),
            var(--bac-star-dot-mid),
            var(--bac-star-dot-strong),
            var(--bac-star-dot-soft),
            var(--bac-star-dot-mid),
            var(--bac-star-dot-strong),
            var(--bac-star-dot-soft),
            var(--bac-star-dot-strong),
            var(--bac-star-dot-soft),
            var(--bac-star-dot-strong),
            var(--bac-star-dot-soft),
            var(--bac-star-dot-soft),
            var(--bac-star-dot-soft),
            var(--bac-star-dot-soft),
            var(--bac-star-dot-soft),
            var(--bac-star-dot-soft);
        background-position:
            4% 12%,
            12% 36%,
            21% 8%,
            30% 28%,
            41% 14%,
            52% 10%,
            63% 32%,
            74% 8%,
            84% 22%,
            94% 10%,
            24% 62%,
            68% 60%,
            14% 52%,
            36% 54%,
            58% 56%,
            86% 58%;
        background-size:
            7px 7px,
            5px 5px,
            6px 6px,
            4px 4px,
            6px 6px,
            6px 6px,
            4px 4px,
            6px 6px,
            4px 4px,
            6px 6px,
            4px 4px,
            4px 4px,
            4px 4px,
            4px 4px,
            4px 4px,
            4px 4px;
        animation-duration: 8.4s;
    }

    body .page-title-default .wd-page-title-bg::before {
        opacity: .42;
        background-image:
            var(--bac-star-dot-mid),
            var(--bac-star-dot-soft),
            var(--bac-star-dot-soft),
            var(--bac-star-dot-mid),
            var(--bac-star-dot-soft),
            var(--bac-star-dot-mid),
            var(--bac-star-dot-soft),
            var(--bac-star-dot-mid),
            var(--bac-star-dot-soft),
            var(--bac-star-dot-soft);
        background-position:
            8% 20%,
            18% 44%,
            31% 18%,
            44% 47%,
            58% 21%,
            71% 43%,
            84% 19%,
            95% 39%,
            22% 60%,
            74% 61%;
        background-size:
            4px 4px,
            4px 4px,
            4px 4px,
            4px 4px,
            4px 4px,
            4px 4px,
            4px 4px,
            4px 4px,
            4px 4px,
            4px 4px;
        animation-duration: 6.4s;
    }

    body .page-title-default::after {
        opacity: .76;
        background-image:
            var(--bac-sparkle-star),
            var(--bac-sparkle-star),
            var(--bac-sparkle-star),
            var(--bac-sparkle-star);
        background-position:
            3% 34%,
            22% 14%,
            77% 38%,
            96% 35%;
        background-size:
            28px 28px,
            16px 16px,
            22px 22px,
            18px 18px;
        animation-duration: 8.8s;
    }

    body .page-title-default .wd-page-title-bg::after {
        opacity: .34;
        background-image:
            var(--bac-sparkle-star),
            var(--bac-sparkle-star),
            var(--bac-sparkle-star);
        background-position:
            14% 12%,
            44% 40%,
            71% 58%;
        background-size:
            13px 13px,
            14px 14px,
            13px 13px;
        animation-duration: 6.8s;
    }

    /*_Footer */
    body .bac-footer-sky--desktop {
        display: none;
    }

    body .bac-footer-sky--mobile {
        display: block;
		}	
		/*_Drop fps on mobile*/
	  body .bac-footer-bg-gradient .bac-stars-a,
    body .bac-footer-bg-gradient .bac-stars-b,
    body .bac-footer-bg-gradient .bac-sparkles-a,
    body .bac-footer-bg-gradient .bac-sparkles-b {
        animation: none;
    }
}


/*_Animation Keyframws*/

@keyframes bacStarsTwinkleA {
    0%, 100% {
        opacity: .55;
        transform: translate3d(0, 0, 0) scale(1);
    }
    20% {
        opacity: .95;
    }
    45% {
        opacity: .62;
        transform: translate3d(0, -2px, 0) scale(1.015);
    }
    70% {
        opacity: 1;
    }
}

@keyframes bacStarsTwinkleB {
    0%, 100% {
        opacity: .28;
        transform: translate3d(0, 0, 0) scale(1);
    }
    25% {
        opacity: .75;
    }
    50% {
        opacity: .35;
        transform: translate3d(0, 1px, 0) scale(1.02);
    }
    75% {
        opacity: .82;
    }
}

@keyframes bacSparklePulseA {
    0%, 100% {
        opacity: .58;
        transform: translate3d(0, 0, 0) scale(1);
    }
    18% {
        opacity: 1;
    }
    40% {
        opacity: .7;
        transform: translate3d(0, -1px, 0) scale(1.05);
    }
    68% {
        opacity: 1;
    }
    82% {
        opacity: .62;
    }
}

@keyframes bacSparklePulseB {
    0%, 100% {
        opacity: .22;
        transform: translate3d(0, 0, 0) scale(.98);
    }
    30% {
        opacity: .72;
    }
    55% {
        opacity: .3;
        transform: translate3d(0, 1px, 0) scale(1.06);
    }
    78% {
        opacity: .82;
    }
}


/*_a11y_Reduced_Motion*/

@media (prefers-reduced-motion: reduce) {
    body .page-title-default::before,
    body .page-title-default::after,
    body .page-title-default .wd-page-title-bg::before,
    body .page-title-default .wd-page-title-bg::after,
    body .bac-footer-bg-gradient .bac-stars-a,
    body .bac-footer-bg-gradient .bac-stars-b,
    body .bac-footer-bg-gradient .bac-sparkles-a,
    body .bac-footer-bg-gradient .bac-sparkles-b,
		body .bac-footer-decor-left img, 
		body .bac-categ-decor-left img, 
	 	body .bac-categ-decor-right img {
        animation: none;
    }
}

/*_footer Gradient with image*
.bac-footer-bg-gradient {
    background-color: #110062;
    background-image:
        url("https://www.ypografi.com/wp-content/uploads/2026/04/bg_stars_header_1920w.png"),
        -webkit-gradient(linear,
            left top, left bottom,
            from(rgba(255, 255, 255, 1)),
            color-stop(5%, rgba(255, 255, 255, 0.95)),
            color-stop(11%, rgba(255, 255, 255, 0.80)),
            color-stop(20%, rgba(255, 255, 255, 0.52)),
            color-stop(30%, rgba(255, 255, 255, 0.18)),
            color-stop(42%, rgba(255, 255, 255, 0))),
        -webkit-gradient(linear,
            left top, left bottom,
            from(rgba(73, 62, 164, 0.80)),
            color-stop(16%, rgba(73, 62, 164, 0.88)),
            color-stop(30%, #5b4db1),
            color-stop(48%, #493ea4),
            color-stop(68%, #392b98),
            color-stop(86%, #24127d),
            to(#1a0b72));
    background-image:
        url("https://www.ypografi.com/wp-content/uploads/2026/04/bg_stars_header_1920w.png"),
        -o-linear-gradient(top,
            rgba(255, 255, 255, 1) 0%,
            rgba(255, 255, 255, 0.95) 5%,
            rgba(255, 255, 255, 0.80) 11%,
            rgba(255, 255, 255, 0.52) 20%,
            rgba(255, 255, 255, 0.18) 30%,
            rgba(255, 255, 255, 0) 42%),
        -o-linear-gradient(top,
            rgba(73, 62, 164, 0.80) 0%,
            rgba(73, 62, 164, 0.88) 16%,
            #5b4db1 30%,
            #493ea4 48%,
            #392b98 68%,
            #24127d 86%,
            #1a0b72 100%);
    background-image:
        url("https://www.ypografi.com/wp-content/uploads/2026/04/bg_stars_header_1920w.png"),
        linear-gradient(180deg,
            rgba(255, 255, 255, 1) 0%,
            rgba(255, 255, 255, 0.95) 5%,
            rgba(255, 255, 255, 0.80) 11%,
            rgba(255, 255, 255, 0.52) 20%,
            rgba(255, 255, 255, 0.18) 30%,
            rgba(255, 255, 255, 0) 42%),
        linear-gradient(180deg,
            rgba(73, 62, 164, 0.80) 0%,
            rgba(73, 62, 164, 0.88) 16%,
            #5b4db1 30%,
            #493ea4 48%,
            #392b98 68%,
            #24127d 86%,
            #1a0b72 100%);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: center top, center top, center top;
    background-size: 1920px auto, 100% 100%, 100% 100%;
}*/

/*_Footer ufo animation*/
.bac-footer-decor-left img {
  animation: ufoFloatBalanced 3.6s ease-in-out infinite;
  will-change: transform;
  transform-origin: center center;
}

@keyframes ufoFloatBalanced {
  0%   { transform: translate3d(0, 0, 0) rotate(0deg); }
  20%  { transform: translate3d(4px, -6px, 0) rotate(0.8deg); }
  40%  { transform: translate3d(9px, -14px, 0) rotate(1.4deg); }
  60%  { transform: translate3d(3px, -18px, 0) rotate(0.6deg); }
  80%  { transform: translate3d(-6px, -9px, 0) rotate(-0.9deg); }
  100% { transform: translate3d(0, 0, 0) rotate(0deg); }
}

/***Re-position decoration elements**/
.bac-categ-decor-left,
.bac-categ-decor-right,
.bac-footer-decor-left{
    position: absolute;
    z-index: 0;
}

@media screen and (max-width: 1024.99px) {
	
	body .scrollToTop::after{
		--totop-y:-30px;
	}
	
	body .scrollToTop:hover::after{
		--totop-y-hover:-35px;
	}
}

@media screen and (min-width: 1025px) and (max-width: 1199px) {
		/*Specific fix menu wrap */
	   .wd-header-nav #menu-menu-right-ypoloipes-kathgories.wd-nav {
        flex-wrap: nowrap;
    }

    .whb-header-bottom .whb-header-bottom-inner .whb-column:first-child .wd-header-cats .menu-opener {
        min-width: 20px;
    }

   /***Re-position decoration elements***/
		.bac-footer-decor-left.wd-image {
    		--footer-ufo-x:calc(100vw - 160px);
    		--footer-ufo-y: 10px;
				max-width:85px;
		}
}
/*End of CSS For Small Laptops*/

/***Special Brakepoint to fix collision***/
@media screen and (min-width: 1200px) and (max-width: 1549.99px) {
	  
	.wd-header-nav #menu-menu-right-ypoloipes-kathgories.wd-nav {
        flex-wrap: nowrap;
			  gap:20px;
    }
	
    .whb-header-bottom .whb-header-bottom-inner .whb-column:first-child .wd-header-cats .menu-opener {
        min-width: min-content;
    }
	
			.bac-footer-decor-left.wd-image {
    		--footer-ufo-x:calc(100vw - 350px);
    		--footer-ufo-y: 45px;
				
		}
}

@media screen and (min-width: 1550px) {
	/*_Header bottom*/
		.whb-header .whb-header-bottom > .container {
		 		max-width: calc(var(--wd-container-w) + 315px);
		}
}@media (min-width: 1025px) {
	/*_Shop archive page*/
/*_Quick View brands logo*/
body .product-quick-view .wd-product-brands {
	margin-bottom:20px;
}
/*Gradient and image on header*
body .page-title-default {
  /*opacity: 0.82;*
  background-position: right bottom;
  background-size: auto;
  background-repeat: no-repeat;
}
/*Single product header fix*
body.single-product .whb-header {
  padding-bottom: 320px;
  /*background-position: 80% bottom;
  background-size: auto;
  background-repeat: no-repeat;
}*/

/*Gift wrap CSS fix for sticky bar in single product*/
.wd-sticky-btn-shown .wd-sticky-btn-cart form {
	flex-wrap:nowrap;
}

.wd-sticky-btn-shown .wd-sticky-btn-cart form .outer-gift-wrap {
	flex-wrap:nowrap;
	margin-bottom:0px;
}

.wd-sticky-btn-shown .wd-sticky-btn-cart form .outer-gift-wrap .gift-wrap-label {
	padding-right:5px;
}

/*Remove negative margin that pull the menu up on overlap*/
.whb-boxed:not(.whb-sticked) .whb-top-bar.whb-without-bg {
  margin-top: 0px;
}

/*Woocommerce Checkout field customization*
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

#billing_company_field,
#billing_address_1_field,
#shipping_company_field,
#shipping_country_field,
#change_order_notes_field {
  flex: 1 1 100%;
}

#billing_first_name_field,
#billing_last_name_field,
#billing_state_field,
#billing_country_field,
#billing_city_field,
#billing_postcode_field,
#billing_phone_field,
#billing_email_field,
#shipping_first_name_field,
#shipping_last_name_field,
#shipping_city,
#shipping_address_1_field,
#shipping_city_field,
#shipping_state_field,
#shipping_postcode_field,
#shipping_phone_field {
  flex: 1 1 45%;
}

#billing_city_field,
#billing_phone_field,
#billing_first_name_field,
#billing_country_field,
#shipping_city,
#shipping_first_name_field {
  margin-right: 5px;
}

#shipping_postcode_field,
#shipping_address_1_field {
  margin-left: 5px;
}

/*Top banners > home page > appear on the same high*
.top-banners .owl-stage-outer .owl-stage,
.equal-banner-height {
  align-items: flex-end;
}*/

.banner-red-bg .content-banner {
  margin-bottom: 10px;
}

/*.wd-header-overlap .title-size-default {
  padding-bottom: 180px;
}*/

body .title-size-default {
  padding-top: 115px;
  padding-bottom: 180px;
	/*--wd-title-sp: 110px;*/
}

.whb-boxed:not(.whb-sticked) .whb-main-header:before {
  height: 2px;
}
body:not(.home):not(.page-id-119962) .whb-top-bar.whb-not-sticky-row {
/*max-width: 98%;
  margin-left: auto;
  margin-right: auto;*/
  padding-top: 4px;
  padding-bottom: 4px;
}

body:not(.home):not(.page-id-119962) .whb-boxed:not(.whb-sticked) .whb-general-header {
  border-top-left-radius: 41px;
  border-top-right-radius: 41px;
}

body .whb-boxed:not(.whb-sticked) .whb-header-bottom {
  border-bottom-left-radius: 41px;
  border-bottom-right-radius: 41px;
}

/*.whb-sticked .whb-row.whb-header-bottom {
  background-color: #28a26a;
}*/

/*Border radius on dropdowns*/
body .wd-dropdown-cats,
#menu-menu-left-paixnidia {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

body #menu-menu-left-paixnidia li:first-child:hover > a {
  border-top-left-radius: 31px;
  border-top-right-radius: 15px;
}

/*#menu-menu-left-paixnidia li:last-child:hover>a
	{
		border-bottom-right-radius:15px;
	}*/

body .wd-dropdown-cats .wd-dropdown-menu {
  /*border-top-right-radius:15px;
		border-bottom-right-radius:15px;*/
  border-radius: 15px;
}

/*Inner dropdown menus*/
body .bradius-inner-menu,
.half-width-menu .wd-dropdown-menu {
  border-radius: 21px;
}

/*Proteinomena column*/
body .bradius-right-col-featured .vc_column-inner {
  border-top-right-radius: 21px;
  border-bottom-right-radius: 21px;
}

/*.bradius-right-col-featured {
  align-items: stretch !important;
}*/

/*Class added on menu items*/
body .full-width-transparent .wd-dropdown {
  background-color: transparent;
  padding-top: 0!important;
}	

/*_Phone link on menu*/
body .wd-info-box.bac-u-lh-0 .info-box-subtitle{
	line-height:0;
}
.bac-phone-with-icon {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.bac-phone-with-icon svg {
  flex: 0 0 auto;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
	/*Checkout page - specific header fix*/
body.woocommerce-checkout .page-title-default {
    padding-top: 200px;
}

/*Gift wrap CSS fix for sticky bar in single product*/
.wd-sticky-btn-shown .wd-sticky-btn-cart form .outer-gift-wrap {
    margin-bottom: 0;
}

.wd-sticky-btn .wd-sticky-btn-content {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 2 auto !important;
        -ms-flex: 1 2 auto !important;
            flex: 1 2 auto !important;
}

.wd-sticky-btn form.cart {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
}

.wd-categories-wrap .cat-design-center.without-product-count .hover-mask {
    -webkit-transform: translateX(1%) translateY(-60%) translateZ(0);
            transform: translateX(1%) translateY(-60%) translateZ(0);
}

.wd-categories-wrap .cat-design-center.without-product-count .hover-mask h3 {
    color: #fff;
}

/*Woocommerce Checkout field customization*
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
}

#billing_company_field,
#billing_address_1_field,
#shipping_company_field,
#shipping_country_field,
#change_order_notes_field {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
}

#billing_first_name_field,
#billing_last_name_field,
#billing_state_field,
#billing_country_field,
#billing_city_field,
#billing_postcode_field,
#billing_phone_field,
#billing_email_field,
#shipping_first_name_field,
#shipping_last_name_field,
#shipping_city,
#shipping_address_1_field,
#shipping_city_field,
#shipping_state_field,
#shipping_postcode_field,
#shipping_phone_field {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
}

#billing_city_field,
#billing_phone_field,
#billing_first_name_field,
#billing_country_field,
#shipping_city,
#shipping_first_name_field {
    margin-right: 5px;
}

#shipping_postcode_field,
#shipping_address_1_field {
    margin-left: 5px;
}

/*Top bar*
.whb-top-bar {
    background-color: rgba(40, 162, 106, 1) !important;
}*/

/*_Header_
 * Social Icons gap*/
body .whb-col-mobile .wd-social-icons.wd-style-default{
		gap:10px;
}

.arxiki-product-cat .category-grid-item .wd-entities-title {
    font-size: 17px;
    line-height: 1.12em !important;
}

/*Product page header image *
body.single-product .whb-header {
    padding-bottom: 100px;
    background-position: 20% bottom;
    background-size: cover;
}*/

/*Shop page - Accordion menu fix */
.wd-nav-accordion-mb-on .wd-nav-product-cat li {
    padding-left: 25px;
}

/*Shop page header image*/
body .page-title-default {
	 	padding-top: 95px;
    padding-bottom: 130px;
}

/*Center arrows of carousels*/
.wd-btn-arrow:is([class*="prev"], [class*="next"]) {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

/***Re-position decoration elements***/
.bac-footer-decor-left.wd-image {
    --footer-ufo-x:calc(100vw - 160px);
    --footer-ufo-y: 10px;
		max-width:85px;
}

/*.footer-img-butterfly {
    bottom: 300px;
    left: 5%;
}

.footer-img-butterfly .wd-image {
    max-width: 65px;
}

.footer-img-cloud {
    right: -275px;
    bottom: -20px;
}
.xs-s-md-svg svg {
    width: 100%;
    height: 100%;
}
*/

/*End of decoration reposition*/


}

@media (min-width: 577px) and (max-width: 767px) {
	/*Registration button enlarge*/
.wd-switch-to-register {
    width: 100%;
    max-width: 280px;
}

/*Checkout page - specific header fix*/
body.woocommerce-checkout .page-title-default {
    padding-top: 170px;
    padding-bottom: 70px;
}

/*Newsletter Pop-up*/
.wd-popup.wd-promo-popup {
    background-position: 90% center;
}

/*Woocommerce Checkout field customization*
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
}

#billing_company_field,
#billing_address_1_field,
#shipping_company_field,
#shipping_country_field,
#change_order_notes_field {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
}

#billing_first_name_field,
#billing_last_name_field,
#billing_state_field,
#billing_country_field,
#billing_city_field,
#billing_postcode_field,
#billing_phone_field,
#billing_email_field,
#shipping_first_name_field,
#shipping_last_name_field,
#shipping_city,
#shipping_address_1_field,
#shipping_city_field,
#shipping_state_field,
#shipping_postcode_field,
#shipping_phone_field {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 45%;
        -ms-flex: 1 1 45%;
            flex: 1 1 45%;
}

#billing_city_field,
#billing_phone_field,
#billing_first_name_field,
#billing_country_field,
#shipping_city,
#shipping_first_name_field {
    margin-right: 5px;
}

#shipping_postcode_field,
#shipping_address_1_field {
    margin-left: 5px;
}

/*Top bar*
.whb-top-bar {
    background-color: rgba(40, 162, 106, 1) !important;
}*/

/*_Header_
 * Social Icons gap*/
body .whb-col-mobile .wd-social-icons.wd-style-default{
	gap:10px;
}

/*Product page header image *
body.single-product .whb-header {
    padding-bottom: 100px;
    /*background-position: 60% bottom;*
    background-size: cover;
}*/

/*Shop page - Accordion menu fix */
.wd-nav-accordion-mb-on .wd-nav-product-cat li {
    padding-left: 25px;
}

/*Shop page header image*/
body .page-title-default {
	 	padding-top: 90px;
    padding-bottom: 120px;
}

/*Center arrows of carousels*/
.wd-btn-arrow:is([class*="prev"], [class*="next"]) {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

/*Footer butterly and cloud elements*/

.bac-footer-decor-left.wd-image {
    --footer-ufo-x:calc(100vw - 260px);
    --footer-ufo-y: 135px;
}

/*.footer-img-butterfly {
    bottom: 600px;
    left: 65%;
    max-width: 60px;
}

.footer-img-cloud {
    width: 68%;
    right: -100px;
    bottom: 60px;
}

.xs-s-md-svg svg {
    width: 160%;
    height: 100%;
}

BackToTop -> Airbaloon- make it a bit small*
body .scrollToTop:after {
    /*zoom:0.28;*
    -webkit-transform: scale(0.28);
    -ms-transform: scale(0.28);
    transform: scale(0.28);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
}

.top-banners .owl-stage-outer .owl-stage {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
}*/

}

@media (max-width: 576px) {
	/*_Registration button enlarge*/
.wd-switch-to-register {
    width: 100%;
    max-width: 280px;
}

/*Change banner image inside category ypografi-products*/
.ypografi-banner-desk {
    display: none;
}

/*Stops over-expand of the image*/
.ypografi-banner-mobile .main-wrapp-img {
    max-height: 560px;
}

/*Checkout page - specific header fix*/
body.woocommerce-checkout .page-title-default {
    padding-top: 170px;
    padding-bottom: 70px;
}

/*Newsletter Pop-up*/
.wd-popup.wd-promo-popup {
    background-position: 90% center;
}

/*Top bar*
.whb-top-bar {
    background-color: rgba(40, 162, 106, 1) !important;
}*/

/*Product page header image *
body.single-product .whb-header {
    padding-bottom: 100px;
    /*background-position: 20% bottom;
    background-size: cover;
}*/

/*Shop page - Accordion menu fix */
.wd-nav-accordion-mb-on .wd-nav-product-cat li {
    padding-left: 25px;
}

/*Shop page header image*/
body .page-title-default {
	 	padding-top: 90px;
    padding-bottom: 120px;
}

/*Center arrows of carousels*/
.wd-btn-arrow:is([class*="prev"], [class*="next"]) {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

/*_Header_
 * Social Icons gap*/
body .whb-col-mobile .wd-social-icons.wd-style-default{
	gap:10px;
}

/*Footer*/
/*Smaller award Images*/
body .xs-img-width-awards .wd-gallery-item img {
    max-width: 170px;
}

/*_Position footer decor elements*/

.bac-footer-decor-left.wd-image {
    --footer-ufo-x:calc(100vw - 130px);
    --footer-ufo-y: 135px;
}

/*.footer-img-butterfly {
    bottom: 600px;
    left: 65%;
    max-width: 60px;
}

.footer-img-cloud {
    width: 65%;
    right: -100px;
    bottom: 60px;
}
/*End of decoration reposition*/

/*BackToTop -> Airbaloon- make it a bit small*
body .scrollToTop:after {
    /*zoom:0.28;*
    -webkit-transform: scale(0.28);
    -ms-transform: scale(0.28);
    transform: scale(0.28);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
}

.top-banners .owl-stage-outer .owl-stage {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
}
.xs-s-md-svg svg {
    width: 160%;
    height: 100%;
}
*/
}