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

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

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

:root {
	--wd-text-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 300;
	--wd-text-color: #777777;
	--wd-text-font-size: 15px;
	--wd-title-font: "Oswald", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Oswald", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 300;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Oswald", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 300;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 20px;
	--wd-header-el-font: "Oswald", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 19px;
	--wd-primary-color: rgb(76,206,222);
	--wd-alternative-color: rgb(75,180,221);
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(76,206,222);
	--btn-accented-bgcolor-hover: rgb(75,180,221);
	--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: rgb(255,255,255);
	background-image: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 1000px;
	--wd-popup-padding: 55px;
}
.header-banner {
	background-image: url(https://novvia.de/wp-content/uploads/2024/03/1041_Category.jpg);
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-image: url(https://novvia.de/wp-content/uploads/2024/01/Banner-NOVVIA.jpg);
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(12,12,12);
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 0px;
}

@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);
}
}


@font-face {
	font-family: "hkgroteskpro";
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "hkgroteskpro";
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: "hkgroteskpro";
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "hkgroteskpro";
	font-weight: 500;
	font-style: normal;
}

.products-bordered-grid .woocommerce-de_price_taxrate, .products-bordered-grid .woocommerce_de_versandkosten, .products-bordered-grid .wgm-extra-costs-eu {
    display: none !important;
}

.main-page-wrapper { padding-top: 0 !important; }

.wd-product.sale-price-zero span.onsale {
    display: none;
}

.woocommerce-product-gallery.woocommerce-product-gallery--with-images span.onsale {display:none;}

.archive span.onsale {
    display: none;
}
.filters-inner-area:empty {
    border: none !important;
}
/*
.filters-area.always-open {
    border: none!important;
}
*/

/* Top Bar */
@media screen and (min-width: 1024px) {
	body:not(.logged-in) .whb-top-bar .wd-button-wrapper { display: none; }
}

@media screen and (max-width: 1024px) {
	body:not(.logged-in) .whb-top-bar .wd-button-wrapper .btn-color-primary { display: none; }
}

.whb-header:not(.whb-overcontent) .whb-top-bar { background-color: rgb(0 0 0 / 90%) !important; }
.whb-header.whb-sticked  .whb-top-bar { background-color: rgb(0 0 0 / 90%) !important; }
.whb-top-bar .wd-nav { float: right; }
.whb-top-bar .wd-button-wrapper { margin-bottom: 0px !important; }
.whb-top-bar .wd-button-wrapper .btn { padding: 5.5px 15px 5px; }

.whb-top-bar .menu-item a {
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 14px;
    line-height: 1em;
	  color: #fff;
}

.whb-top-bar .menu-item a:hover {
	  color: #4ccede !important;
}

.wd-nav[class*="wd-style-"]>li:is(.current-menu-item,.wd-active,.active)>a {
    color: #4ccede !important;
}

.wd-nav > li:is(.wd-has-children,.menu-item-has-children) > a:after {
    margin-left: 10px;
}


/* Header */
.whb-header:not(.whb-overcontent) .whb-general-header,.whb-header:not(.whb-overcontent) .whb-header-bottom {
/*     background: rgb(0 0 0 / 60%) !important; */
	  background: rgb(0 0 0 / 100%) !important;
		box-shadow: none;
}
.whb-header.whb-sticked .whb-general-header, .whb-header.whb-sticked .whb-header-bottom{
    background: rgb(0 0 0 / 90%) !important;
}

.wd-nav-main > li > a, .wd-nav-secondary > li > a {
    -webkit-text-stroke: 0.2px;
    letter-spacing: 0.05em;
}
.wd-header-cart .wd-cart-subtotal .amount {
    font-family: 'Roboto';
}

.whb-header:not(.whb-sticked) .whb-col-right .wd-search-dropdown {
    right: 0;
    left: -250px;
    top: -22px;
    width: 250px;
    background: rgb(15 15 15 / 70%);
}

.whb-header.whb-sticked .whb-col-right .wd-search-dropdown {
    right: 0;
    left: -250px;
    top: -36px;
    width: 250px;
    background: rgb(15 15 15 / 70%);
}

.wd-search-dropdown input[type="text"] {
    height: 55px !important;
    border: 1px solid #fff;
}

.wd-dropdown {
    background-color: rgb(15 15 15 / 95%) !important;
}

.autocomplete-suggestion .wd-entities-title {
    line-height: 1.5em !important;
    font-size: 16px !important;
    -webkit-text-stroke: 0.4px;
    letter-spacing: 0.01em;
    color: #fff !important;
}

.autocomplete-suggestion .suggestion-thumb {
    max-width: 42px !important;
}

.autocomplete-suggestion {
    padding: 8px !important;
    max-width: 250px;
}

.view-all-results {
	max-width: 250px !important;
}

.autocomplete-suggestion .gm-wp_bakery_woocommerce_get_price_html {
		display: none;
}

.wd-nav-main .wd-sub-menu li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.03em;
}


/* Circles on Home */
.circles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.circles li {
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgb(76 206 222 / 20%);
    animation: animate 25s linear infinite;
    bottom: -170px;
}

.circles li:nth-child(1) {
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}

.circles li:nth-child(2) {
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3) {
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4) {
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles li:nth-child(5) {
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6) {
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.circles li:nth-child(7) {
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}

.circles li:nth-child(8) {
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9) {
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10) {
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}

@keyframes animate {
    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100% {
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0.1;
        border-radius: 50%;
    }
}


/* Blog */
body.archive .page-title, body.blog .page-title, body.single-post .page-title  { 
		margin-bottom: 15vh !important; 
}

body.archive .page-title .title, body.blog .page-title .title, body.single-post .page-title .title, body.page .page-title .title {
    font-size: 7.5vh !important;
    text-transform: uppercase;
    line-height: 12vh;
    padding: 4vh 0;
}

body.page .page-title .title, body.blog .page-title .title { padding: 0; }

body.archive .blog-design-small-images .post-title, body.blog .blog-design-small-images .post-title {
    color: #000 !important;
    font-size: 3vh !important;
    -webkit-text-stroke: 0.5px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

body.archive .blog-post-loop .wd-entry-content p, body.blog .blog-post-loop .wd-entry-content p {
    margin-bottom: 15px;
    font-size: 18px;
}

body.archive .blog-post-loop .article-body-container, body.blog .blog-post-loop .article-body-container {
    padding: 40px 33px !important;
}

body.archive .wd-entry-meta .meta-author, body.archive .hovered-social-icons, body.blog .wd-entry-meta .meta-author, body.blog .hovered-social-icons {
    display: none !important;
}

body.archive .sidebar-widget .wd-entities-title a, body.blog .sidebar-widget .wd-entities-title a{
    margin-bottom: 5px;
    font-size: 18px !important;
    -webkit-text-stroke: 0.4px;
    letter-spacing: 0.03em;
}

body.archive .widget-title, body.blog .widget-title {
	  font-size: 22px !important;
    -webkit-text-stroke: 0.4px;
    letter-spacing: 0.03em;
}

body.archive .sidebar-widget .recent-posts-comment, body.blog .sidebar-widget .recent-posts-comment  {
		display:  none !important;
}

.products .price .amount { color: #000 !important; }

.st-tag-cloud a { padding: 0 5px; }

body.woodmart-archive-blog .whb-main-header {
    background: #000 !important;
}



/* Cart widget */
.widget_shopping_cart .wd-entities-title { color: #fff !important; }
.wd-side-hidden {
    background-color: #000 !important;
    border-left: 1px solid #1c1c1c !important;
}


/* Single Products */
body.single-product .whb-header {
    background-image: url("/wp-content/uploads/2023/06/bigstock-Black-d-Vector-Hexagonal-Tech-473971955-1-scaled.jpg");
    background-size: cover;
	  background-position: center;
    min-height: 230px;
    margin-bottom: 12vh;
}


/*body.single-product .woocommerce-tabs #tab-title-additional_information {
		display: none;
}*/

body.single-product .wd-style-underline-reverse > li > a, body.single-product .related-products .slider-title {
    font-size: 1.5em;
    -webkit-text-stroke: 0.6px;
    letter-spacing: 0.03em;
}

/*body.single-product .summary-inner .wgm-info {
		display: none;
}*/

.wgm-extra-costs-eu {
	display: none!important;
}

body.single-product .summary-inner .wgm-info {
    font-size: 12px !important;
}

body.single-product .summary-inner .woocommerce-Price-amount {
    font-size: 2em !important;
}

body.single-product .summary-inner .product_title {
    -webkit-text-stroke: 0.5px;
    letter-spacing: 0.015em;
}


body.single-product .woocommerce-tabs .shop_attributes td {
    text-align: left !important;
}

body.single-product .woocommerce-tabs  .shop_attributes tr {
    justify-content: flex-start !important;
}

body.single-product .tabs-layout-tabs .shop_attributes {
    max-width: 1000px;
}

body.single-product .shop_attributes th {
    min-width: 110px;
}

/* body.single-product .wc-tabs-wrapper .woocommerce-Tabs-panel {
    text-align: center;
} */

body.single-product #tab-description .wc-tab-inner {
		max-width: 1000px;
    margin: 0 auto;
}

body.single-product .summary-inner > .wd-wishlist-btn {
    margin-top: 25px;
}



.page-title .wd-back-btn.wd-style-icon>a {
    display: none;
}

@media screen and (min-width: 1025px) {
	.title-size-large { padding: 50px 0; }
}


/* Products Overview */
.product-grid-item .wgm-info { display: none; }
.product-grid-item .product-image-link { aspect-ratio: 1/1; }
.products.elements-grid .wd-entities-title, .wd-carousel-container .wd-entities-title {
    line-height: 1.5em !important;
    font-size: 22px !important;
    -webkit-text-stroke: 0.4px;
    letter-spacing: 0.01em;
    color: #000 !important;
}

.post-type-archive-product .container { width: 95%; max-width: 95%; }



/* Footer */
.wd-prefooter { padding-bottom: 0 !important; }
.wd-prefooter .wd-images-gallery { margin: 20px 0 !important; }
.wd-prefooter .owl-carousel .owl-stage { background: transparent !important; }
.wd-prefooter a:not(:hover) img { opacity: 0.6; }

.footer-sidebar {
    padding-top: 14vh !important;
    padding-bottom: 7vh !important;
}

.footer-column { padding: 0 30px; }

.min-footer small { font-size: 100%; }

.min-footer > .col-left {
    flex: 1 0 100%;
    max-width: 100%;
		text-align: center;
		margin: 0 auto;
}

.min-footer > .col-right {
		display: none !important;
}

.min-footer {
    padding-top: 4vh;
    padding-bottom: 4.5vh;
}

footer .woodmart-recent-posts .recent-posts-thumbnail {
    max-width: 25%;
    margin-right: 20px !important;
}

footer .woodmart-recent-posts .wd-entities-title {
    margin-bottom: 8px;
    font-size: 18px !important;
    color: #fff !important;
    -webkit-text-stroke: 0.2px;
    letter-spacing: 0.01em;
    margin-top: -6px;
}

footer .widget-title {
    font-size: 22px !important;
    -webkit-text-stroke: 0.4px;
    letter-spacing: 0.03em;
    border-bottom: 1px solid #fff;
    padding-bottom: 15px;
    width: auto;
    margin-bottom: 25px;
}

footer p, footer div, footer span, footer a { color: #fff; }
footer a:hover { color: #ffffff50; }

/*Hide white space in header after Woodmart update 
.wd-content-layout { padding-block: 0; }*/


/* Responsivness */
@media screen and (min-width: 1023px) and (max-width: 1090px) {
	.wd-nav-main > li > a, .wd-nav-secondary > li > a { 
		padding: 0 14px !important; 
		height: 70px;
	}
}

@media screen and (max-width: 1024px) {
	.whb-top-bar .whb-col-mobile .btn-size-default {
			font-size: 2vh !important;
			border: none !important;
		  color: #fff;
	}
	
	.whb-top-bar .whb-col-mobile .btn-size-default:hover {
		  color: #4ccede !important;
	}
	
	
}

/* FONTS */
@media screen and (max-width: 1400px) {
	.title-extra-big .title { font-size: 16vh !important; line-height: 17vh !important; }
	.title-big .title { font-size: 8vh !important; line-height: 10vh !important; }
	.title-middle .title { font-size: 4vh !important; line-height: 5.5vh !important; }
}

@media screen and (max-width: 950px) {
	.title-big .title { font-size: 6vh !important; line-height: 8vh !important; -webkit-text-stroke: 0.5px; }
	.title-middle .title { font-size: 3vh !important; line-height: 4.5vh !important; }
	
	.woodmart-text-block.wd-fontsize-l { font-size: 18px !important; }
	body.home .product-t-left, body.home .product-t-right {
    margin: 0 !important;
	}
}

@media screen and (min-width: 1024px) {
	body.archive .page-title .title, body.blog .page-title .title, body.single-post .page-title .title {
			font-size: 3em !important;
	}
	
	.whb-col-mobile, .whb-mobile-left, .whb-mobile-center, .whb-mobile-right { 
		display: none;
	}
}

@media screen and (max-width: 800px) {
	body.single-product .whb-header {
			min-height: 120px;
			margin-bottom: 6vh;
	}
	.mobile-center .inline-element { margin-right: 0 !important; }

	.mobile-center > *, .mobile-center .wpb_wrapper, .mobile-center .wd-button-wrapper { 
		text-align: center !important; 
	}

	.wd-enabled-flex>.vc_column-inner>.wpb_wrapper {
		display: flex;
		flex-wrap: wrap;
		justify-content: center !important;
	}

	.wd-enabled-flex>.vc_column-inner>.wpb_wrapper>*:not(.wd-enabled-width):not(.inline-element) {
		--wd-max-width: 100% !important;
		text-align: center; 
	}

	.wd-title-style-simple.text-right .liner-continer:after {
		left: 0 !important;
		margin: 0 auto;
	}
	
	.wd-title-style-simple.text-left .liner-continer:after {
    right: 0 !important;
		margin: 0 auto;
	}
	
	body.archive .page-title .title, body.blog .page-title .title, body.single-post .page-title .title {
		font-size: 5vh !important;
    text-transform: uppercase;
    line-height: 7vh;
    padding: 7vh 0;
	}
}

@media screen and (max-width: 500px) {
	.whb-top-bar .wd-button-wrapper { padding: 0px; min-width: 26%; }
	.whb-top-bar .btn:not(.btn-color-primary) { padding: 0px !important; }
	.whb-top-bar .whb-col-mobile {
		transform: scale(0.85);
    margin-left: -10%;
	}
	
	.whb-mobile-right > div { display: none; }
	.whb-mobile-right .wd-header-cart { display: block; }
	
	.btn-style-bordered.btn-size-extra-large { padding: 15px 30px; }
	.title-extra-big .title { font-size: 9vh !important; line-height: 10vh !important; }
	.title-big .title { font-size: 5vh !important; line-height: 7vh !important; }
	body.home .product-t-left, body.home .product-t-right { padding: 50px !important; }
	
	body.single-product .shop_attributes tr {
			flex-direction: column;
			gap: 20px !important;
	}
	
	body.single-product .shop_attributes th {
			min-width: 0;
	}
	
	body.single-product .shop_attributes p {
			text-align: center;
	}
	
	.min-footer {
			display: flex;
			flex-direction: column;
			align-items: center;
	}

	.min-footer > div {
			flex-basis: 100% !important;
			max-width: 100% !important;
			line-height: 2em;
			margin-bottom: 10px !important;
	}
}

@media screen and (max-width: 400px) {
/* 	.whb-top-bar .whb-col-mobile {
 			transform: scale(0.78);
			margin-left: -15%;
	} */
	
	  .whb-top-bar .whb-col-mobile .btn-size-default { font-size: 12px !important; }
		.whb-top-bar .wd-button-wrapper { padding: 0px !important; }	
}