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

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

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

:root {
	--wd-text-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Roboto", 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: "Roboto", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(0,147,203);
	--wd-alternative-color: rgb(0,147,203);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(0,147,203);
	--btn-accented-bgcolor-hover: rgb(0,147,203);
	--btn-accented-color: rgb(255,255,255);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(255,255,255);
	background-image: url(https://pecefprofesionale.ro/wp-content/uploads/2021/09/retail-popup-bg.jpg);
	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 {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(0,30,42);
	background-image: none;
}
html .product.wd-cat .wd-entities-title, html .product.wd-cat.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .wd-cat:first-child .wd-entities-title {
	font-size: 16px;
}
.product-labels .product-label.onsale {
	background-color: #F44336;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 20px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color-hover: #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;
--wd-brd-radius: 0px;
}



.wd-page-title {
background-color: #0a0a0a;
}

/* Fix meniu mobil: categoriile se afisau in coloane ascunse.
   Cauza: submeniul drilldown era display:grid cu inaltime fixa (403px),
   asa ca dupa ~6 categorii restul se rupeau in coloane taiate de overflow.
   Fix: o singura coloana verticala, inaltime auto, cu scroll. */
.mobile-nav .wd-sub-menu.wd-drilldown-show {
    display: block !important;
    height: auto !important;
}
.mobile-nav .mobile-pages-menu.menu {
    height: auto !important;
    overflow: visible !important;
}
.mobile-nav.wd-side-hidden {
    overflow-y: auto !important;
}



header .whb-general-header :is(.whb-mobile-left,.whb-mobile-right) {
    flex: auto;
}

header .wd-tools-element.wd-header-mobile-nav .wd-tools-icon:before{
		font-size: 31px;
}

.menu-text-red .nav-link-text {
		color: red;
}
.menu-text-red.current-menu-item .nav-link-text {
		color: rgb(0,147,203);
}
#menu-mobile-menu-new .wd-drilldown-back {
    background: #EBEBEB;
}

.mobile-nav #menu-mobile-menu-new .wd-nav-opener, .mobile-nav #menu-mobile-menu-new.wd-nav-mobile>li>a, .mobile-nav #menu-mobile-menu-new.wd-nav-mobile>li>ul li>a{
    min-height: 40px;
		border: none;
}

:is(.wd-custom-icon,picture.wd-custom-icon img) {
    min-width: auto;
}

.header-email{
	text-align: right;
}

.header-email p{
	margin-bottom: 0;
  font-size: 12px;
}

.wd-sub-menu {
    display: grid !important;
    grid-template-rows: repeat(7, auto);
    grid-auto-flow: column;
    grid-auto-columns: minmax(280px, auto);
    padding: 8px 20px 15px 20px;
    margin: 0;
    grid-gap: 5px 40px;
}


.wd-dropdown-menu .wd-entry-content {
    width: max-content !important;
    max-width: none !important;
    background: #fff !important;
}

.wd-dropdown-menu.wd-dropdown {
    width: max-content !important;
    background: #fff !important;
}







#menu-categories .wd-sub-accented>li>a,
[id^="menu-categories-"] .wd-sub-accented>li>a{
	text-transform: initial;
	font-weight: 400;
}

#menu-categories .wd-sub-menu li>a,
[id^="menu-categories-"] .wd-sub-menu li>a {
	padding: 0;
}


#menu-categories.wd-nav-vertical.wd-design-default>li:not(:last-child),
[id^="menu-categories-"] .wd-nav-vertical.wd-design-default>li:not(:last-child){
    border: none;
}

#menu-categories .item-level-0 > .woodmart-nav-link,
[id^="menu-categories-"] .item-level-0 > .woodmart-nav-link{
/* 		font-size: 16px; */
    padding: 8px 18px;
}

#menu-categories .wd-dropdown-menu,
[id^="menu-categories-"] .wd-dropdown-menu{
		padding-top: 10px !important;
}

.wd-header-cats.wd-style-1 .menu-opener{
	  min-width: auto;
	background: transparent;
}

.wd-header-cats.wd-style-1 .menu-opener:after{
		display: none;
}

.wd-header-cats .menu-opener .menu-open-label{
		font-size: 18px;
}


.wd-header-cats .menu-opener .menu-opener-icon:after{
		font-size: 25px;
}


.custom-product-grid .wd-products {
    position: relative;
    align-items: flex-start;
    transition: all .25s ease;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(6, 1fr);
    grid-gap: 30px;
}

.custom-product-grid .category-grid-item:first-child {
    grid-column: span 3;
    grid-row: span 6;
    height: 100%;
}

.custom-product-grid .category-grid-item:first-child .wrapp-category,
.custom-product-grid .category-grid-item:first-child .wrapp-category .category-image-wrapp,
.custom-product-grid .category-grid-item:first-child .wrapp-category .category-image-wrapp *{
    height: 100%;
}

.custom-product-grid .category-grid-item:first-child .wrapp-category .category-image-wrapp img{
		object-fit: cover;
}

.custom-product-grid .category-grid-item:not(:first-child) {
    grid-column: span 2;
    grid-row: span 3;
}
.custom-product-grid .products .product-category .wrapp-category .category-image-wrap:hover {
  border: 2px solid #aad9eb!important;
}

/*------- Start Retail Slider --------*/
.retail-slider .wd-nav-pagin-wrap{
		bottom: 50%;
    transform: translate(0, 50%);
    height: 70%;
    margin: 0;
	  max-width: max-content;
		opacity: 0;
	  transition: .5s
}

.retail-slider ul.wd-nav-pagin {
    display: flex;
    flex-direction: column;
    align-items: start;
    grid-gap: 0;
		width: 100%;
    max-width: 1165px;
    margin: 0 auto;
	  height: 100%;
}

.retail-slider ul.wd-nav-pagin .wd-nav-pagin-item:last-child {
	  flex-direction: column-reverse;
}

.retail-slider ul.wd-nav-pagin .wd-nav-pagin-item:not(:first-child):not(:last-child) span {
    visibility: hidden;
		height: 0;
}

.retail-slider ul.wd-nav-pagin .wd-nav-pagin-item {
		grid-gap: 0;
		flex-direction: column;
		flex: 1;
    height: 100%;
}

.retail-slider ul.wd-nav-pagin .wd-nav-pagin-item:after {
    width: 2px;
    height: 100%;
    background: #707070;
		border: none;
}

.retail-slider ul.wd-nav-pagin .wd-nav-pagin-item span {
	color: #707070;
}

.retail-slider ul.wd-nav-pagin .wd-nav-pagin-item.wd-active:after,
.retail-slider ul.wd-nav-pagin .wd-nav-pagin-item.wd-active:hover:after{
	background: white;
}

.retail-slider ul.wd-nav-pagin .wd-nav-pagin-item.wd-active span,
.retail-slider ul.wd-nav-pagin .wd-nav-pagin-item.wd-active:hover span{
	color: white;
}

.retail-slider ul.wd-nav-pagin .wd-nav-pagin-item:hover:after{
	background: #ffffffa1;
}

.retail-slider ul.wd-nav-pagin .wd-nav-pagin-item:hover span{
	color: #ffffffa1;
}


.retail-slider ul.wd-nav-pagin .wd-nav-pagin-item.wd-active:after,
.retail-slider ul.wd-nav-pagin .wd-nav-pagin-item:hover:after{
    width: 2px;
}

.retail-slider .wd-nav-arrows{
		display: flex;
    justify-content: flex-end;
    height: 50px;
    position: absolute;
    width: 100%;
    grid-gap: 20px;
    bottom: 100px;
    right: 0;
    left: 0;
    max-width: 1222px;
    margin: 0 auto;
	  padding: 0 15px;
}

.retail-slider .wd-nav-arrows .wd-btn-arrow{
		position: relative;
	  inset-inline-start: auto;
    inset-inline-end: auto;
}
.retail-slider .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner{
		width: 100%;
}

.retail-slider .wd-nav-arrows .wd-btn-arrow{
    width: 100%;
    max-width: 72px;
}

.retail-slider .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner:after{
		font-family: monospace;
	  font-size: 32px;
}

.retail-slider .wd-nav-arrows .wd-btn-arrow.wd-next .wd-arrow-inner:after{
		content: "\2192";
}

.retail-slider .wd-nav-arrows .wd-btn-arrow.wd-prev .wd-arrow-inner:after{
		content: "\2190";
}

	.retail-slider ul.wd-nav-pagin .wd-nav-pagin-item:first-child:after {
		margin-top: 10px;
	}
	
	.retail-slider ul.wd-nav-pagin .wd-nav-pagin-item:last-child:after {
		margin-bottom: 10px;
	}

@media(max-width: 1024px){
	
	.retail-slider .wd-nav-pagin-wrap{
   bottom: 30px;
   transform: none;
	 height: auto;
	 max-width: 500px;
   margin: 0 auto;
	 display: none;
	}
	
	.retail-slider ul.wd-nav-pagin .wd-nav-pagin-item:first-child:after {
		margin-top: 0;
    margin-left: 10px;
	}
	
	.retail-slider ul.wd-nav-pagin .wd-nav-pagin-item:last-child:after {
		margin-bottom: 0;
    margin-right: 10px;
	}
	
	.retail-slider ul.wd-nav-pagin .wd-nav-pagin-item:not(:first-child):not(:last-child) span {
		width: 0;
	}
	
	.retail-slider .wd-nav-arrows{
		display: none;
	}
	
	.retail-slider ul.wd-nav-pagin .wd-nav-pagin-item,
	.retail-slider ul.wd-nav-pagin{
		flex-direction: row;
		justify-content: center;
	}
	
	.retail-slider ul.wd-nav-pagin .wd-nav-pagin-item:after{
		width: 100%;
    height: 2px;
	}
	
	.retail-slider ul.wd-nav-pagin .wd-nav-pagin-item:last-child{
		flex-direction: row-reverse;
	}
	
	.retail-slider ul.wd-nav-pagin .wd-nav-pagin-item.wd-active:after, 
	.retail-slider ul.wd-nav-pagin .wd-nav-pagin-item:hover:after{
		width: 100%;
	}
	
}




/*------- End Retail Slider --------*/

/* .mobile-nav.wd-side-hidden.wd-side-hidden-nav.wd-left.wd-opener-arrow.wd-opened {
    top: 121px;
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
    transform: translateX(0);
    left: 0;
    right: 0;
    height: max-content;
}

.admin-bar .mobile-nav.wd-side-hidden.wd-side-hidden-nav.wd-left.wd-opener-arrow.wd-opened {
    top: calc(46px + 121px);
}

.mobile-nav.wd-side-hidden.wd-left {
    transform: translate3d(0, -100%, 0);
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
    left: 0;
    right: 0;
}

header.whb-header {
    position: relative;
    z-index: 1000;
} */

.footer-sidebar .footer-column-4 a, .footer-sidebar .footer-column-5 a {
  color: #D8D8D8;
}

.content-border-left:before{
	content: '';
	position: absolute;
	width: 5px;
	height: 90%;
	top: 50%;
	bottom: 0;
	left: 0;
	background: #0093cb;
	transform: translateY(-50%);
}

.content-border-left{
	padding-left: 20px;
  position: relative;
}
.btn.btn-style-default.btn-shape-round.btn-size-default.telefonmobil {
	background:
white;
  border:
2px solid #0093cb;
  border-radius:
50px;
  color: #0093cb;
}
a.telefonmobil::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: #0093cb;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M6.62%2010.79a15.05%2015.05%200%20006.59%206.59l2.2-2.2a1%201%200%20011.05-.24%2011.36%2011.36%200%20003.58.57%201%201%200%20011%201v3.61a1%201%200%2001-1%201A16%2016%200%20013%205a1%201%200%20011-1h3.61a1%201%200%20011%201%2011.36%2011.36%200%2000.57%203.58%201%201%200%2001-.24%201.05z%27/%3E%3C/svg%3E") no-repeat center;
  -webkit-mask-size: contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M6.62%2010.79a15.05%2015.05%200%20006.59%206.59l2.2-2.2a1%201%200%20011.05-.24%2011.36%2011.36%200%20003.58.57%201%201%200%20011%201v3.61a1%201%200%2001-1%201A16%2016%200%20013%205a1%201%200%20011-1h3.61a1%201%200%20011%201%2011.36%2011.36%200%2000.57%203.58%201%201%200%2001-.24%201.05z%27/%3E%3C/svg%3E") no-repeat center;
  mask-size: contain;
}