.wd-popup.wd-promo-popup{
	background-color:rgb(255,255,255);
	background-image: url(https://barbeca.hr/wp-content/uploads/2021/09/bikes-popup-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.header-banner{
	background-color:rgb(232,58,58);
	background-image: none;
}

.page-title-default{
	background-color:#0a0a0a;
	background-image: url(https://barbeca.hr/wp-content/uploads/2023/03/bg.jpg);
	background-size:cover;
	background-position:center center;
}

.footer-container{
	background-color:rgb(32,32,32);
	background-image: none;
	background-position:center center;
}

:root{
--wd-text-font:"Roboto", Arial, Helvetica, sans-serif;
--wd-text-font-weight:400;
--wd-text-color:#777777;
--wd-text-font-size:16px;
}
:root{
--wd-title-font:"Roboto", Arial, Helvetica, sans-serif;
--wd-title-font-weight:600;
--wd-title-color:#242424;
}
:root{
--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%);
}
:root{
--wd-alternative-font:"Roboto", Arial, Helvetica, sans-serif;
}
:root{
--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;
}
:root{
--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:15px;
}
:root{
--wd-primary-color:rgb(168,11,20);
}
:root{
--wd-alternative-color:#fbbc34;
}
:root{
--wd-link-color:#333333;
--wd-link-color-hover:#242424;
}
:root{
--btn-default-bgcolor:#f7f7f7;
}
:root{
--btn-default-bgcolor-hover:#efefef;
}
:root{
--btn-shop-bgcolor:rgb(168,11,20);
}
:root{
--btn-shop-bgcolor-hover:rgb(168,11,20);
}
:root{
--btn-accent-bgcolor:rgb(168,11,20);
}
:root{
--btn-accent-bgcolor-hover:rgb(168,11,20);
}
:root{
--notices-success-bg:#459647;
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:#E0B252;
}
:root{
--notices-warning-color:#fff;
}
.product-labels .product-label.onsale{
	background-color:rgb(168,11,20);
}

.product-labels .product-label.onsale{
	color:rgb(255,255,255);
}

.product-labels .product-label.new{
	background-color:rgb(168,11,20);
}

.product-labels .product-label.new{
	color:rgb(255,255,255);
}

.product-labels .product-label.featured{
	background-color:rgb(168,11,20);
}

.product-labels .product-label.featured{
	color:rgb(255,255,255);
}

.product-labels .product-label.out-of-stock{
	background-color:rgb(168,11,20);
}

.product-labels .product-label.out-of-stock{
	color:rgb(255,255,255);
}

.product-labels .product-label.attribute-label:not(.label-with-img){
	background-color:rgb(168,11,20);
}

.product-labels .product-label.attribute-label:not(.label-with-img){
	color:rgb(255,255,255);
}

	:root{
					
			
							--wd-form-brd-radius: 0px;
					
					--wd-form-brd-width: 2px;
		
					--btn-default-color: #333;
		
					--btn-default-color-hover: #333;
		
					--btn-shop-color: #fff;
		
					--btn-shop-color-hover: #fff;
		
					--btn-accent-color: #fff;
		
					--btn-accent-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-shop-brd-radius: 0.001px;
				--btn-shop-box-shadow: none;
				--btn-shop-box-shadow-hover: none;
				--btn-shop-box-shadow-active: none;
				--btn-shop-bottom: 0px;
			
			
			
					
									--btn-accent-brd-radius: 0px;
				--btn-accent-box-shadow: none;
				--btn-accent-box-shadow-hover: none;
				--btn-accent-box-shadow-active: none;
				--btn-accent-bottom: 0px;
			
			
			
					
							
					--wd-brd-radius: 0px;
			}

	
	
			@media (min-width: 1025px) {
			.whb-boxed:not(.whb-sticked):not(.whb-full-width) .whb-main-header {
				max-width: 1192px;
			}
		}

		.container {
			max-width: 1222px;
		}

		:root{
			--wd-container-width: 1222px;
		}
	
			.elementor-section.wd-section-stretch > .elementor-column-gap-no {
			max-width: 1192px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-narrow {
			max-width: 1202px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-default {
			max-width: 1212px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-extended {
			max-width: 1222px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-wide {
			max-width: 1232px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-wider {
			max-width: 1252px;
		}
		@media (min-width: 1239px) {
			.platform-Windows .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
		@media (min-width: 1222px) {
			html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
	
			div.wd-popup.popup-quick-view {
			max-width: 920px;
		}
	
	
	
	
			.woodmart-woocommerce-layered-nav .wd-scroll-content {
			max-height: 223px;
		}
	
	
@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//barbeca.hr/wp-content/themes/woodmart/fonts/woodmart-font.woff2?v=7.0.4") format("woff2");
}

/* kad user nije logiran, jedan meni u headeru ode u drugi red, sad kad sam s 1222px proširio na 1300px, sve izgleda OK */
.container {
	max-width: 1400px;
}

/*u blogu kad postoji youtube video, između nalsova i videa postoji razmak. Ovo miče taj razmak*/
.wp-block-embed__wrapper:before {
	display: block-axis !important;
}

/* strelice na dodatnim slikama na product page */
.single-product .woocommerce-product-gallery .slick-arrow {
    background-color: transparent !important;
	  color: #000000 !important;
}
/* end */

/* u opisima proizvoda  (kratki opis gore) linkove stavlja underline */
.woocommerce-product-details__short-description a {
  text-decoration: underline;
}
/* end */
/* u opisima proizvoda  (dugi opis dolje) linkove stavlja underline */
.woocommerce-tabs .wd-accordion-item a {
  text-decoration: underline;
	/* color: darkblue; */
}
/* end */
/* u postovima linkove stavlja underline */
.single-post .entry-content a {
  text-decoration: underline;
	/* color: darkblue; */
}
/* end */
/* ovo je za https://barbeca.hr/kategorija-proizvoda/kamado/ Povratak na naslovnicu gore i dolje*/
.wd-term-desc a, .term-description a {
  text-decoration: underline;
}
/* end */

/* Ne prikazjue vodeću sliku u sigle post, ali prikazuje kad se gledaju svi postovi*/
.post-single-page.has-post-thumbnail .article-inner > .entry-header {
  display: none;
}
/* end */

.flickity-button {
  arrow-color: #000;
  arrow-color-hover: rgba(115, 115, 115, 0.8);
  arrow-bgcolor: #333;
}

/* Na checkout formi stavlja prvo slovo imena, prezimea i adrese, veliko*/
.woocommerce-checkout input[type=text] {
    text-transform: capitalize;
}
/* end */

/* sakriva ime autora blog postova*/
.wd-entry-meta .meta-author {
    display: none;
}

/* poravnava glavni menu i u razinu s logom*/
.wd-header-nav {
  flex: 1 1 auto;
  padding-top: 40px;
}

/*poravnava desni dio glavnog menu-a u razinu s logo-om*/
.whb-col-right {
	padding-top: 40px;
}

/* for cart page */
.cross-sells {
    margin-top: 25px ;
}

.slider-title {
    margin-bottom: 0px;
    padding-bottom: 10px;
}



/* u kontakt formi dodaje razmak između stupaca*/
.content-column.one_half{
	padding-right: 10px;
}
/* end */

/* Tabela specifikacije proizvoda - zebra stripe */
.shop_attributes {
  --wd-attr-v-gap: 0px;
}
.shop_attributes tr {
	justify-content: start;
	padding: 5px;
}
.shop_attributes th {
	width: 30%;
}
.shop_attributes tr:nth-child(odd) {
	background-color: #f2f2f2;
}
/* end Zebra stripe */

.footerLogo {
    width: 150px;
}


/* for footer widget */
.wd-widget {
    margin: 0;
    border: 0;
}


/* for product title site wide */
h3.wd-entities-title a font font {
    font-size: 16px;
}

/* s ovim na kategoriji blogova npr. vijesti, ograničavamo naslov samo na 2 reda */
.wd-entities-title {
  display: -webkit-box;
  color: var(--wd-entities-title-color);
  word-wrap: break-word;
  font-weight: var(--wd-entities-title-font-weight);
  font-style: var(--wd-entities-title-font-style);
  font-family: var(--wd-entities-title-font);
  text-transform: var(--wd-entities-title-transform);
  line-height: 1.4;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* end */

/* miče datume sa slika na člancima */
.blog-post-loop .wd-post-date,
.single-post .wd-post-date {
display: none;
}
/* end makni datum */

/* boja texta najnize cijene u proteklih 30 dana */
.pph-lowest-price { 
     color: rgb(125, 125, 125);
} 
/* boja cijene najnize cijene u proteklih 30 dana */
.pph-lowest-price .woocommerce-Price-amount {
    color: rgb(125, 125, 125);
}

/* na stranici košarice i plaćanja, za proizvod na popustu priazuje postotak popusta... ovo je za font popusta */
.ks-discount-amount {
	font-size: 16px;
  /*font-weight: bold;*/
}

.ks-sale-price {
	font-size: 16px;
	/*font-weight: bold;*/
}

.ks-sale-price-subtotal {
	font-size: 16px;
	color: rgb(172, 0, 22);
	font-weight: bold;
}

.ks-regular-price {
	font-size: 14px !important;;
	color: rgb(150, 150, 150);
	text-decoration: line-through;
}
/* END */

/* kad na proizvodu postoji Tag, ime taga piše početnim velikim slovom */
.tagged_as a {
  text-transform: capitalize;
}

/* na stranici proizvoda, u Povezani proizvodi, prikazivale su se 2 slike proizvoda jedna ispod druge
 * sad kad sam dodao ovaj css, forsiram da se prikaže samo jedna slika
 * */
body.single-product .wd-hover-icons .hover-img {
    display: none !important;
}






@media (min-width: 1025px) {
	/*u blogu kad postoji youtube video, između nalsova i videa postoji razmak. Ovo miče taj razmak*/
/*.wp-block-embed__wrapper:before {
	display: block !important;
}*/
}

@media (min-width: 577px) and (max-width: 767px) {
	div#media_image-2 {
    text-align: center;
}

.footerLogo{
	width: 100px;
	height: 84px;
}



}

@media (max-width: 576px) {
	/*u blogu kad postoji youtube video, između nalsova i videa postoji razmak. Ovo miče taj razmak*/
.wp-block-embed__wrapper:before {
	display: block-axis !important;
}

/* u mobilnom meniju prikazuje compare gumb "on hover" */
.product-grid-item .wd-buttons .product-compare-button {
display: block ;
}
/* kraj */

div#media_image-2 {
    text-align: center;
}

.footerLogo{
	width: 100px;
	height: 84px;
}

.single-product .related-products .slider-title {
    text-align: center;
}

.single-product .related-products .slider-title:before {
    left: 50%;
    transform: translate( -50%, -50%);
}

}