@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//ekostil.si/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.3.3") format("woff2");
	font-display:block;
}

:root {
	--wd-text-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(102,102,102);
	--wd-text-font-size: 16px;
	--wd-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: rgb(51,51,51);
	--wd-entities-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Ubuntu", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Ubuntu", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 15px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(255,67,55);
	--wd-alternative-color: rgb(148,213,0);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(255,67,55);
	--btn-accented-bgcolor-hover: rgb(234,51,51);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: rgba(149,214,0,0.6);
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: rgb(255,67,55);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://ekostil.si/wp-content/uploads/2021/07/promo-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(51,51,51);
	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: rgb(244,246,249);
	--wd-form-brd-color-focus: rgb(255,67,55);
	--wd-form-bg: rgb(244,246,249);
}
.product-labels .product-label.new {
	background-color: rgb(148,213,0);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1480px;
--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: 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: 0px;
}

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


.wd-page-title {
background-color: rgb(234,234,234);
}

/* GENERAL TEXT */
blockquote {background: #f7f7f7; padding-top: 10px; padding-bottom: 10px; padding-right: 10px;}
.promo-banner .wrapper-content-banner {border-radius:0px}

/* SIDEBAR */
/*.widget {margin-bottom: 50px; padding-bottom: 50px;}*/
.wd-show-sidebar-btn a {border: 2px red solid; padding: 6px 10px;}

/* OBRAZEC ZA POVPRAŠEVANJE - POP-UP */
.mfp-container {padding:0px 15px!important;}
.wd-popup {max-height:100dvh!important;}
.wd-popup-close {display:none;}
.wd-scroll {--scrollbar-thumb-bg: #8b8b8b;}
.wd-scroll ::-webkit-scrollbar {width:8px}
.wd-scroll ::-webkit-scrollbar-thumb {border-radius: 999px}

/* PAGE HEADER - MENU */
.wd-dropdown-menu {width:240px}

@media (max-width: 1407px) {
    .whb-general-header-inner .whb-col-center {display: none;}
}
@media (min-width: 1025px) and (max-width: 1436px) {
		.whb-header-bottom-inner {height: 90px!important; max-height:90px!important}
}

/* MOBILE MENU */
.mobile-brezplacna-ponudba {background-color:#ff4337}
.mobile-brezplacna-ponudba a {color:#ffffff!important}

/* MAIN TITLE HEADER */
.title-size-large {--wd-title-sp: 60px!important;}

/* BLOG */
/*.wd-post-author {display:none;}*/

/* SINGLE BLOG POST */
.post-single-page, .related-posts-slider {margin-right:30px}

/* REFERENCES */
.wd-project .wd-entities-title {min-height:63px}

/*--- 40 LET IZKUSENJ ---*/
.about-one_experiance {position:absolute; right:-95px; top:5%; width:165px; height:165px; background-repeat:no-repeat; z-index:1;}
.about-one_circle {position:absolute; left:0px;	top:0px; right:0px; bottom:0px;}
.about-one_experiance span {position:relative; width:90px; height:90px;	display:block; margin:0 auto; font-size:48px; font-weight:700; margin-top:40px; line-height:85px; text-align:center; color:#333333;}
.about-one_circle {
	animation-name: rotateme; animation-duration: 15s; animation-iteration-count: infinite; animation-timing-function: linear;
	-webkit-animation-name: rotateme; -webkit-animation-duration: 15s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;
	-moz-animation-name: rotateme; -moz-animation-duration: 15s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;	
	-ms-animation-name: rotateme; -ms-animation-duration: 15s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear;
	-o-animation-name: rotateme; -o-animation-duration: 15s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear;
}

@keyframes rotateme {
     0% {transform: rotate(0deg); opacity: 1;}
    50% {transform: rotate(180deg);}
    100% {transform: rotate(360deg); opacity: 1;}
}
/*--- END OF 40 LET IZKUSENJ ---*/

/* PARALLAX BACKGROUND */
.parallax-no-move {
    background-position: center center !important;
}@media (min-width: 577px) and (max-width: 767px) {
	.whb-general-header-inner .whb-col-center, .whb-flex-flex-middle .whb-col-center {display:none}
}

@media (max-width: 576px) {
	.wd-project .wd-entities-title {
    min-height: unset;
}

.about-one_experiance {right:0px; top:unset; bottom:20%}
}